https://github.com/abirtasrif/proxima-client
Proxima is a modern project management website built using the MERN stack, Context API, JWT, and TailwindCSS. With a sleek and intuitive interface, users can easily create, update, and delete their projects. Proxima also features a secure protected route in the frontend, ensuring user data remains safe and secure.
https://github.com/abirtasrif/proxima-client
jsx react-router reactjs tailwind-css
Last synced: about 1 month ago
JSON representation
Proxima is a modern project management website built using the MERN stack, Context API, JWT, and TailwindCSS. With a sleek and intuitive interface, users can easily create, update, and delete their projects. Proxima also features a secure protected route in the frontend, ensuring user data remains safe and secure.
- Host: GitHub
- URL: https://github.com/abirtasrif/proxima-client
- Owner: abirtasrif
- Created: 2023-02-15T15:48:48.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2023-06-17T18:58:41.000Z (almost 2 years ago)
- Last Synced: 2025-03-29T20:51:10.256Z (about 2 months ago)
- Topics: jsx, react-router, reactjs, tailwind-css
- Language: JavaScript
- Homepage: https://proxima.abirtasrif.com/
- Size: 271 KB
- Stars: 19
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Proxima
Proxima is a powerful project management app built using the MERN stack. With Proxima, users can create, update, and delete their own projects with ease. The app is highly secure, featuring robust JWT authentication and frontend route protection. In addition, the app boasts a sleek and intuitive user interface, built using Tailwind CSS.
## Features
Proxima comes packed with a variety of useful features, including:
Effortlessly manage projects: Create, update, and delete projects quickly and easily using the user-friendly interface.
Robust security features: The app features highly secure JWT authentication and frontend route protection, ensuring that your data is always safe and secure.
User-specific project views: Users can only see the projects they have created, ensuring that project information is kept private and secure.
Intuitive and streamlined UI: The app's sleek and intuitive user interface makes managing projects a breeze.
Tools
Proxima is built using the MERN stack, featuring the following powerful tools:
- MongoDB: A highly flexible NoSQL database, ideal for managing large and complex data sets.
- React: A powerful and popular frontend JavaScript library, ideal for building user interfaces.
- Node.js: A powerful and popular server-side JavaScript runtime environment.
- Tailwind CSS: A highly customizable CSS framework, designed to make building sleek and intuitive user interfaces a breeze.
Installation
To install Proxima, follow these simple steps:
1. Clone the `client` repository using git clone [https://github.com/abirtasrif/proxima-client.git](https://github.com/abirtasrif/proxima-client.git)
2. Clone the `server` repository using git [https://github.com/abirtasrif/proxima-server.git](https://github.com/abirtasrif/proxima-server.git)
3. Install the required dependencies by running `npm install` or `npm i` in both the `client` and `server` directories.
4. Create a .env file in the root directory of server and add the following variables:
`MONGO_URI:` the MongoDB connection string
`SECRET:` a secret string for JWT authentication
5. Create a .env file in the root directory of client and add the following variable:
`REACT_APP_BASE_URL:` for example `http://localhost:5000`
6. Start the backend server by running `npm run dev`
7. Start the frontend by running `npm start`
### Links
- [Live Demo](https://proxima.abirtasrif.com/)
- [Front-End Repository](https://github.com/abirtasrif/proxima-client.git)
- [Back-End Repository](https://github.com/abirtasrif/proxima-server.git)