• Stars
    star
    212
  • Rank 186,122 (Top 4 %)
  • Language
    JavaScript
  • License
    MIT License
  • Created about 4 years ago
  • Updated over 1 year ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

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

🚀 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

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.

More Repositories

1

The-Web-Developer-Bootcamp-2020

The Web Developer Bootcamp 2022 Exercise's Solution made by me
404
star
2

react-sql-editor-view

React SQL Editor is the easiest way to query data using SQL Query Language. Users can get data of any of the predefined SQL queries either by using SQL Editor or Sidebar Menu.
JavaScript
21
star
3

invoice-app

Invoice App is the easiest way to create professional invoices and estimates for your customers. Users can create, read, update, and delete invoices. Users can also filter invoices by status ​​(draft/pending/paid). Users can download invoices as PDFs.
CSS
7
star
4

product-feedback-react-app

Product Feedback App is an Open Source platform where everyone can give their feedback to improve the platform, suggest new features and report bugs.
JavaScript
3
star
5

rishipurwar1

2
star
6

Drum-Kit

DrumKit Web App
CSS
2
star
7

weather-app

JavaScript
1
star
8

sandpack-demo

HTML
1
star
9

Landing-Page

HTML
1
star
10

appwrite-graphql-authentication

JavaScript
1
star
11

iframe-form

JavaScript
1
star
12

Find-Out-Millionaires

Find out millionaires
JavaScript
1
star
13

Social-media-dashboard-with-theme-switcher

Social Media dashboard with theme switcher
CSS
1
star
14

Movie-Seat-Booking-App

HTML
1
star
15

Patatap

JavaScript
1
star
16

Custom-Video_Player

CSS
1
star
17

Form-Validator

JavaScript
1
star
18

todolist

JavaScript
1
star
19

Music-Player

JavaScript
1
star
20

react-event-app

React Event App
JavaScript
1
star
21

grocery-management-app

Grocery Management App
CSS
1
star
22

Speaking-App

HTML
1
star
23

react-webcam

HTML
1
star
24

Four-Card-Section

Four card section
CSS
1
star
25

ping-coming-soon-page-master

Ping coming soon page
CSS
1
star
26

react-graphql-blog

Blog App is a full-fledged website where users can read blogs. Users can filter blogs by category. Users can add comments to a blog post.
JavaScript
1
star
27

Hangman

This is a fun game.
JavaScript
1
star
28

typing-animation

HTML
1
star
29

postman-to-openapi-cli

Convert Postman Collection v2.0/v2.1 to OpenAPI v3.0 via CLI
JavaScript
1
star