Home

Awesome

🚀 FrontendPro

FrontendPro(FKA CodingSpace) offer a diverse range of real-world frontend challenges designed to help developers hone their frontend skills. Whether you're a beginner or an experienced developer, FrontendPro is the perfect platform to take your skills to the next level. Start your frontend development journey today with FrontendPro!

FrontendPro

👨‍💻 Demo

<a href="https://github.com/rishipurwar1/coding-space" target="blank"> <img src="https://img.shields.io/website?url=https://www.frontendpro.dev&logo=github&style=flat-square" /> </a>

Try out the website : FrontendPro

👨‍🔧 Tech Stack

React Firebase TailwindCSS

👇 Prerequisites

Before installation, please make sure you have already installed following tools:

You also need to create a Firebase Project. You can do so by following this guide. After creating a Firebase project, store the config info somewhere.

🛠️ Installation Steps

  1. Fork this repository

  2. Clone your forked copy of the project

git clone https://github.com/<your-github-username>/coding-space.git
  1. Change the working directory
cd coding-space
  1. Create a .env file at the root of the project folder
touch .env
  1. Enter your Firebase Config in .env like this
NEXT_PUBLIC_API_KEY="YOUR_FIREBASE_API_KEY"
NEXT_PUBLIC_AUTH_DOMAIN="YOUR_FIREBASE_AUTH_DOMAIN"
NEXT_PUBLIC_PROJECT_ID="YOUR_FIREBASE_PROJECT_ID"
NEXT_PUBLIC_STORAGE_BUCKET="YOUR_FIREBASE_STORAGE_BUCKET"
NEXT_PUBLIC_MESSAGING_SENDER_ID="YOUR_FIREBASE_MESSAGING_SENDER_ID"
NEXT_PUBLIC_APP_ID="YOUR_FIREBASE_APP_ID"
NEXT_PUBLIC_MEASUREMENT_ID = "YOUR_FIREBASE_MEASUREMENT_ID"
  1. Install dependencies
npm install
  1. Run the app
npm start

🌟 You are all set!

👨‍💻 Contributing

Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.

  1. Fork the Project
  2. Create your Feature Branch (git checkout -b feature)
  3. Commit your Changes (git commit -m 'Add some AmazingFeature')
  4. Push to the Branch (git push origin feature)
  5. Open a Pull Request

👉 Join our Discord Community

You can join our Discord Community, here is the invite link.

🤝 Sponsors & support

If you like the project, you can become a sponsor at GitHub Sponsors.

📇 Contact

Rishi Purwar - @thefierycoder

Project Link: https://github.com/rishipurwar1/coding-space

Code of Conduct

We follow the Code of Conduct of the FrontendPro Community.

License

This project is licensed under the MIT License.