Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/thegera4/nextjs-events
Frontend for my "GoNext Events" fullstack application
https://github.com/thegera4/nextjs-events
nextjs reactjs typescript
Last synced: 2 days ago
JSON representation
Frontend for my "GoNext Events" fullstack application
- Host: GitHub
- URL: https://github.com/thegera4/nextjs-events
- Owner: thegera4
- Created: 2024-01-09T00:25:26.000Z (10 months ago)
- Default Branch: main
- Last Pushed: 2024-03-03T22:28:08.000Z (9 months ago)
- Last Synced: 2024-03-03T23:26:54.057Z (9 months ago)
- Topics: nextjs, reactjs, typescript
- Language: TypeScript
- Homepage: https://nextjs-events-lovat.vercel.app
- Size: 533 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# GoNext Events
This is the front end for my full stack application "GoNext Events".
You can check the deployed web app at: https://nextjs-events-lovat.vercel.app/
To see the backend (API) code check this repo: https://github.com/thegera4/events-rest-api
## Home Page
You will find the instructions on how to use the app, the tech stack used in this project, and the link to the API documentation.![image](https://github.com/thegera4/nextjs-events/assets/84020433/955df4b3-0d89-42b6-a084-2eeb72fceb9b)
## Login / Signup Page
You will find a form that allows you to login in or signup.![image](https://github.com/thegera4/nextjs-events/assets/84020433/080f80b8-6647-436e-9ccc-87ecb6ab2783)
## Events Page
You will find a list of all the events coming from the database as well as the search bar to filter the events by date.![image](https://github.com/thegera4/nextjs-events/assets/84020433/6a8c9f3e-2344-48d2-a8ea-bbb9dd5b272a)
## Events Details Page
If you click on the "Explore Event" button of each event card, you will see the details page of each event. A "Delete Button" allows you to delete the event while the "Edit Event" button allows you to update the event details, only if you are logged in and you are the user that created the event.![image](https://github.com/thegera4/nextjs-events/assets/84020433/047a7445-cbb9-40b9-8454-75c724f333ad)