This is the LIVE WEBSITE
SES React Project is a web application developed using React for a Software Engineering course. It provides functionality for user registration, login, and a dashboard to display user information.
- Student Registration:
New students can register by providing their name, email, password, and confirming the password.
Validation is performed to ensure that all required fields are filled and that the password and confirm password match. Upon successful registration, the student is redirected to the login page.
- Login: Registered students can log in using their ID and PIN. Authentication is performed to validate the entered ID and PIN. If the login is successful, the student is directed to the Student Information Entry page.
- Student Information Entry: After logging in, students can enter their name, email, password, level, and department. Validation is performed to ensure that all required fields are filled. Upon successful information entry, the student is directed to the Dashboard page.
- Dashboard: Upon successful information entry, students are directed to a dashboard that displays a welcome message and their information. The student's information, including name, email, level, and department, is displayed on the Dashboard.
The Student Registration App is built using the following technologies and libraries:
- React: A JavaScript library for building user interfaces.
- React Router: A routing library for managing navigation in React applications.
- HTML5: Markup language for creating the structure of web pages.
- CSS3: Style sheet language for styling web pages.
- JavaScript: Programming language for adding interactivity to web pages.
The app follows a component-based architecture where each feature (StudentRegistration, Login, StudentInfoEntry, and Dashboard) is implemented as a separate React component. React Router is used for managing the routing between these components.
Follow these instructions to get a copy of the project up and running on your local machine for development and testing purposes.
- Node.js: Make sure Node.js is installed on your machine. You can download it from the official website: Node.js
Clone the repository:
git clone https://github.com/your-username/ses-react-project.git
Navigate to the project directory:
cd ses-react-project
Install the dependencies:
npm install
Start the development server:
npm start
Open your browser and visit http://localhost:3000 to see the application.
- Register as a new student by providing the required information.
- Log in using your ID and PIN.
- Enter your personal information, such as name, email, password, level, and department.
- View the dashboard to see a welcome message and your information.
Contributions are welcome! If you find any issues or have suggestions for improvements, please create a new issue or submit a pull request.
For any inquiries or questions, feel free to contact me at evansachie01@gmail.com.
This project is licensed under the MIT License.
Feel free to customize the README file according to your specific project details