https://github.com/prathampalsingh/online_voting_system
This project is based on Spring Boot, Angular, Java, MySQL, HTML, CSS, and Typescript
https://github.com/prathampalsingh/online_voting_system
angular css htlm java jpa-hibernate mysql springboot typescript
Last synced: 4 months ago
JSON representation
This project is based on Spring Boot, Angular, Java, MySQL, HTML, CSS, and Typescript
- Host: GitHub
- URL: https://github.com/prathampalsingh/online_voting_system
- Owner: prathampalsingh
- Created: 2024-11-13T07:17:19.000Z (7 months ago)
- Default Branch: main
- Last Pushed: 2025-01-18T18:09:58.000Z (5 months ago)
- Last Synced: 2025-01-18T19:21:06.477Z (5 months ago)
- Topics: angular, css, htlm, java, jpa-hibernate, mysql, springboot, typescript
- Language: TypeScript
- Homepage:
- Size: 6.32 MB
- Stars: 3
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Online Voting System 🌐🗳️
**An Online Voting System designed to revolutionize the way citizens participate in elections.** This project eliminates the hassles of paper-based voting by providing a secure, automated, and streamlined voting platform. The system is built using cutting-edge technologies like HTML, CSS, TypeScript, Angular, Java (Spring Boot), and MySQL.
**✨ Key Features**
* **Secure Authentication:** Ensures only verified users can cast votes.
* **User-Friendly Interface:** Built for accessibility and ease of use.
* **Robust Admin Management:** Simplifies party and voter management.
* **Real-time Voting Status:** Displays voting status for registered users.
* **Responsive Design:** Optimized for desktop and mobile browsers.
**🔧 Tech Stack**
* **Frontend:** HTML, CSS, TypeScript, Angular
* **Backend:** Java, Spring Boot
* **Database:** MySQL
* **Tools:** Eclipse IDE, VS Code, Node.js
## **🚀 How to Run the Project**
**Prerequisites:**
* **Install Node.js and npm:** Download and install the latest version from the official Node.js website (https://nodejs.org/). This also includes npm, the Node Package Manager.
* **Install MySQL:** Download and install MySQL Community Server from the official MySQL website (https://dev.mysql.com/downloads/).
* **Install Eclipse IDE:** Download and install the Eclipse IDE for Java Developers from the Eclipse website (https://www.eclipse.org/).
**Steps:**
**1. Backend (Spring Boot):**
* **Set up the database:**
1. Open the MySQL command-line client.
2. Create a new database:
```sql
CREATE DATABASE db521;
```
* **Import the Spring Boot Project into Eclipse:**
1. In Eclipse, go to **File > Import > Existing Maven Projects**.
2. Browse to the directory where your Spring Boot project is located and select the `pom.xml` file.
```bash
spring.datasource.url=jdbc:mysql://localhost:3306/db521
spring.datasource.username=your-username
spring.datasource.password=your-password
```
3. Update **your-name** with your database username and password.
* **Run the Spring Boot Application:**
1. Right-click on the `Application` class in the `com.spring` package.
2. Select **Run As > Spring Boot App**.
**2. Frontend (Angular):**
* **Open the Angular project in VS Code:** Open the terminal within VS Code and navigate to the root directory of your Angular project.
* **Install angular:**
```bash
npm install -g @angular/cli
```
* **Install dependencies:**
```bash
npm install
```
* **Start the development server:**
```bash
ng serve
```
* **Access the application:** Open your web browser and navigate to `http://localhost:4200/` (or the port specified in the terminal output).
## **Project Description**
**🏠 Home Page**
The landing page introduces the importance of voting with a focus on the system's features and security.
**🎛️ Admin Dashboard**
The admin has access to a dashboard displaying the total number of users, parties, and voters. Additionally, the admin can manage voters and parties.
**Features:**
* View and manage voter details.
* Add new political parties with their logos and constituencies.
* Monitor voting activity in real-time.
**📋 List of Voters**
The admin can view the list of registered voters, along with their personal details, account status, and actions like Update or Delete voter accounts.
**🖼️ Screenshots**
* [Home Page Screenshot]
* [Admin Dashboard Screenshot]
* [Voter List Screenshot]
* [Add new party Screenshot]
* [Register New User Screenshot]
* [Users(not voted) Screenshot]
* [Users(voted) Screenshot]
**📚 Learnings**
This project demonstrates:
* Building a full-stack application with Angular and Spring Boot.
* Securely managing user data and authentication.
* Database design and integration with MySQL.
* Implementing key software engineering principles.
***Hand-coded with ❤️ using Java, Spring Boot, Angular, Typescript, MySql***