Skip to content

This project is a showcase of my expertise in designing and implementing complex systems using the MERN (MongoDB, Express, React, Node.js) stack. The application features secure authentication and authorization mechanisms and a user-friendly interface to manage and track claims and approvals.

Notifications You must be signed in to change notification settings

mightyshibbu/X-Politica

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

8 Commits
Β 
Β 

Repository files navigation

X-Politica πŸš€

A Comprehensive Full-Stack MERN Application

Welcome to X-Politica! This project is a showcase of my expertise in designing and implementing complex systems using the MERN (MongoDB, Express, React, Node.js) stack. The application features secure authentication and authorization mechanisms and a user-friendly interface to manage and track claims and approvals.

Why X-Politica? 🌐

X-Politica was developed to address the need for a streamlined and secure platform for managing political claims and approvals. The application provides a robust solution for leaders and citizens to interact, ensuring transparency and accountability in the decision-making process.

Key Features:

  • Secure Authentication & Authorization: Implemented using JSON Web Tokens (JWT) and bCrypt for password hashing, ensuring that user data is protected.
  • Responsive Design: The application is built with a responsive design, making it accessible on various devices.
  • User Management: Allows users to sign up, log in, and manage their claims effectively.
  • Real-Time Updates: Users can view the status of their claims in real time, with notifications for any updates.

Use Case Format πŸ“‹

  • As a User, I can create an account as a Leader so that I can showcase myself in my area.

  • As a User, I can log in so that I can make CRUD operations on my own account details.

  • As a User, I can create an account as a Citizen so that I can see the claims of Leaders from my area.

  • As a Leader, I can upload a claim from any area so that citizens from that area can validate it, and that claim will be shown on my portfolio.

  • As a Leader, I can view stats and graphs so that I can understand my statistics and make informed decisions.

  • As a Citizen, I can validate claims so that the leader receives appreciation, and it can be shown on their portfolio.

Getting Started with Sneak Peak πŸ› οΈ

Screenshot 2024-08-16 002435 Screenshot 2024-08-16 181516 Screenshot 2024-08-16 185302 Screenshot 2024-08-16 185315 Screenshot 2024-08-16 185322 Screenshot 2024-08-16 185328 Screenshot 2024-08-16 185358 Screenshot 2024-08-16 185416 Screenshot 2024-08-16 191417 Screenshot 2024-08-16 191441 Screenshot 2024-08-16 191447 Screenshot 2024-08-16 191453 Screenshot 2024-08-16 191544 Screenshot 2024-08-16 193858 Screenshot 2024-08-16 194448 Screenshot 2024-08-16 194625 Screenshot 2024-08-16 194903 Screenshot 2024-08-16 195532

To get started with X-Politica, follow the steps below:

Prerequisites:

  • Node.js
  • MongoDB

Installation:

git clone https://github.com/your-username/X-Politica.git
cd X-Politica
npm i
npm run dev
cd ../X-PoliticaServer
npm i
npm start
```
  1. Clone the repository:

    git clone https://github.com/your-username/X-Politica.git
    cd X-Politica
  2. Install dependencies for both client and server:

    cd client
    npm install
    cd ../server
    npm install
  3. Set up environment variables:

    Create a .env file in the root directory with the following keys:

    MONGODB_URI=your-mongodb-uri
    JWT_SECRET=your-secret-key
    
  4. Run the application:

    cd server
    npm start
    cd ../client
    npm start
  5. Access the application:

    Open your browser and go to http://localhost:5173.


Team Members πŸ‘₯

  • Pranav Tripathi - [PROJECT LEAD] CDAC ACTS 2024 (I), Full-Stack Developer
  • Rahul Sura- CDAC ACTS 2024 (I), Full-Stack Developer
  • Vinayak Shankar - CDAC ACTS 2024 (I), Full-Stack Developer

Contributing 🀝

Contributions are welcome! Please fork this repository and submit a pull request for review.


Acknowledgments πŸ™Œ

  • Thank you to all the open-source contributors whose libraries and tools helped make this project possible.

About

This project is a showcase of my expertise in designing and implementing complex systems using the MERN (MongoDB, Express, React, Node.js) stack. The application features secure authentication and authorization mechanisms and a user-friendly interface to manage and track claims and approvals.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published