Evento

A NextJs full-stack project for finding local events!

View Demo · Report Bug · Request Feature

Table of Contents

1. About The Project
   • Built With
2. Learnings
3. Product Screenshots
4. Getting Started
   • Prerequisites
   • Installation
5. Acknowledgments

About The Project

A side project to learn new concepts of NextJs.

This software is for finding local events in your city!

(back to top)

Built With

• 
• 
• 
• 
• 
• 

(back to top)

Learnings

• Router Cache in Next.js: Implemented client-side caching to reduce redundant network requests.
• Data Cache in Next.js: Utilized server-side caching for storing fetch results.
• Components: Developed a deep understanding of client and server components.
• React Hooks: Explored less common hooks like useTransform, useScroll, useEffect, usePathname, and useRouter.
• Framer Motion: Added animations with Framer Motion.
• Zod: Implemented client-side validation using Zod.
• Pagination: Applied server-side pagination techniques.
• Prisma: Interacted with PostgreSQL database using Prisma.
• Tailwind CSS: Leveraged Tailwind CSS for responsive and modern design.

(back to top)

Product Screenshots

Here are some screenshots of the project:

(back to top)

Getting Started

Prerequisites

Latest version of npm

• npm

  npm install npm@latest -g

Installation

1. Clone the repo

   git clone https://github.com/aman304gupta/evento.git

2. Install NPM packages

   npm install

3. Setup Prisma for Postgres and update env variables.
4. Run locally

   npm run dev

   (back to top)

Acknowledgments

• Bytegrad

(back to top)