Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

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

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)