This is a coursework on the subject of WEB 2021
The application is designed to express their initiatives for the improvement of the territory where a person lives.
Provides the user with the ability to add, modify and delete their ideas, as well as filter by field values.
For more motivation, points are awarded for added ideas, which can be exchanged for sponsored goods.
The application provides the following features:
- Registration and authorization in the system
- Creating ideas and editing ideas
- Displaying the ideas of all users or only an authorized user
- Filtering ideas by name, date and number
- Displaying the user's personal data in the personal account
- Editing user data
- Deleting an account from the database
- The opportunity to exchange points received for adding ideas for souvenirs and bonuses
- Display of goods purchased in the bonus store in your personal account
The application includes 5 sections:
- Login
- Registration
- Ideas
- Bonus Shop
- Personal account
After downloading the application, the authorization page opens.
With this, the user can log in or go to the registration page.
If the user was previously logged in to the system, then an automatic transition to the main page will occur.
There will be a transition to the main page, which contains brief information about the project and user statistics, if the user was previously authorized in the system or after authorization.
The Ideas page contains a form for adding a new idea, a field for filtering ideas and the ideas themselves, which can be changed or deleted by clicking on the appropriate buttons.
The "Bonus Store" page contains a list of products and a field for filtering them. When you click on the card, the element will open this element separately. After that, you can buy this product for points or go back to the entire list of bonuses.
The "Personal Account" page displays the data of the authorized user, a list of purchased goods and a button to delete the account.
By clicking on the profile in the left corner, you can get a drop-down list consisting of three items: account, change profile and log out. On the user data editing page, it is possible to change the surname, first name, place of residence and password.
Frontend-part of the application is written using the Angular framework.
Backend-the part of the application that allows you to upload photos is written using the Express framework.
After downloading the project, you need to install the dependencies. You need to write the command while in the frontend, backend/upload-image, backend/db directories
npm install
To run, you need to write the command while in the frontend, backend/upload-image, backend/db directories
npm run start
Open your browser at http://localhost:4200/