Skip to content

rishipurwar1/coding-space

main
Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?
Code

Files

Permalink
Failed to load latest commit information.

πŸš€ FrontendPro

FrontendPro 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.

FrontendPro

πŸ‘¨β€πŸ’» Demo

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
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 FrontendPro Community.

License

This project is licensed under the MIT License.

About

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 development skills.

Topics

Resources

License

Code of conduct

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages