Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/ilyanosovsky/court_app
Final project in DevelopersInstitute using NodeJS, ReactJS
https://github.com/ilyanosovsky/court_app
expressjs jwt material-ui mongodb nodejs reactjs tennis
Last synced: 6 days ago
JSON representation
Final project in DevelopersInstitute using NodeJS, ReactJS
- Host: GitHub
- URL: https://github.com/ilyanosovsky/court_app
- Owner: ilyanosovsky
- Created: 2023-07-26T19:47:34.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2023-11-20T15:13:31.000Z (about 1 year ago)
- Last Synced: 2024-11-07T19:42:42.082Z (about 2 months ago)
- Topics: expressjs, jwt, material-ui, mongodb, nodejs, reactjs, tennis
- Language: JavaScript
- Homepage: https://court-app.onrender.com/
- Size: 47.5 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Court App
Welcome to the Court App! This is a social media platform designed to solve the challenges faced by tennis enthusiasts when it comes to finding partners and courts to play on. The app provides a comprehensive solution with features that empower users to connect, share, and engage with fellow players.
## The Problem
Tennis enthusiasts often struggle with the following problems:
- **Finding Tennis Partners:** Locating players of similar skill levels and availability for a match can be challenging, leading to missed opportunities for enjoyable gameplay.
- **Discovering Suitable Tennis Courts:** Identifying nearby tennis courts with the right facilities, surfaces, and working hours can be time-consuming and frustrating.
## Features & Solutions
- **User Registration and Authentication:** Users can create accounts, log in, and access their profiles, enabling seamless connections with other players.
- **Tennis Court Information:** Explore detailed information about different tennis courts, including location, facilities, and working hours. Say goodbye to uncertainty about court features.
- **Match Scheduling:** Easily schedule matches with other users based on court availability, ensuring you find partners who fit your playing schedule.
- **Weather Forecast:** Stay informed about the weather conditions in your area for optimal match planning. No more last-minute weather surprises.
- **Dark/Light Mode:** Customize the app's appearance with dark or light mode themes, enhancing the user experience based on personal preference.
## Installation and Setup
1. Clone the repository to your local machine:
- git clone https://github.com/ilyanosovsky/court-app.git
2. Navigate to the project directory:
- cd court-app
3. Install project dependencies:
- npm install
4. Create a `.env` file in the root directory and set the necessary environment variables:
- REACT_APP_BASE_URL=https://api.example.com
- REACT_APP_WEATHER_API_KEY=your-weather-api-key
API_key you can find after your registration on https://openweathermap.org/
5. Start the development server:
- npm start
6. Open your browser and access the app at `http://localhost:3000`.
## Technologies Used
- React https://react.dev/
- Redux Toolkit (for state management) https://redux-toolkit.js.org/
- Material-UI (for UI components) https://mui.com/
- Formik and Yup (for form handling and validation) https://www.npmjs.com/package/formik https://www.npmjs.com/package/yup
- MongoDB for DataBase https://www.mongodb.com/
- React Router (for routing)
- Fetch API (for data fetching)
- OpenWeather API (for weather forecasts) https://openweathermap.org/
- Leaflet React (for Map handling) https://react-leaflet.js.org/
- Render (for deployment web service live) https://render.com/
## Contributing
Contributions are welcome! If you find any issues or have suggestions for improvements, please feel free to open an issue or submit a pull request.
---
Feel free to reach out if you have any questions or need assistance. Enjoy using the Court App!