FrontendPro icon indicating copy to clipboard operation
FrontendPro copied to clipboard

FrontendPro - Become a Pro in Frontend Development with our Frontend Challenges

🚀 CODINGSPACE

CodingSpace is the platform where we aim to provide lots of different real-world UI-based challenges that can help developers to improve their web and mobile development skills.

Coding space

👨‍💻 Demo

Try out the website : CodingSpace

👨‍🔧 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
REACT_APP_API_KEY="YOUR_FIREBASE_API_KEY"
REACT_APP_AUTH_DOMAIN="YOUR_FIREBASE_AUTH_DOMAIN"
REACT_APP_PROJECT_ID="YOUR_FIREBASE_PROJECT_ID"
REACT_APP_STORAGE_BUCKET="YOUR_FIREBASE_STORAGE_BUCKET"
REACT_APP_MESSAGING_SENDER_ID="YOUR_FIREBASE_MESSAGING_SENDER_ID"
REACT_APP_APP_ID="YOUR_FIREBASE_APP_ID"
REACT_APP_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.

📇 Contact

Rishi Purwar - @thefierycoder

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

Code of Conduct

We follow the Code of Conduct of the CodingSpace Community.

License

This project is licensed under the MIT License.