DEV MEETUP

DevMeetup is a MERN stack project that serves as a platform to create, register and consult Meetup events for programmers. It features a responsive front-end with user authentication, dashboard, event filter, register and edition forms, among others. The back-end is built on Node.js and Express, and uses MongoDB to store data. The website also has extra packages installed such as Framer Motion and JSON Web Token.

Main Features

Front-end

• Responsive design
• Login and Register form
• Dashboard with meetup events
• Category filter
• EventCards with meetup info
• Edit and delete dropdown menu
• Confirmation modal
• Toast messages
• Create and edit event forms
• Accept and reject registrations page

Backend-end

• User registration and authentication
• Hashing password for security
• Session control
• CRUD operations (Create, Read, Update and Delete)
• Category filter
• SignUp for event in order to participate
• Upload images to the server
• Website notification using web sockets

Stacks

• React.js
• TypeScript
• Tailwind
• Node.js
• Express
• MongoDB

Extra Packages Installed

• Framer Motion
• React Icons
• Headlessui
• Socket.IO Client
• Socket.IO
• Node Bcrypt
• Multer
• Mongoose
• JSON Web Token
• Cors

Available Scripts

Clone the repository:

  $ git clone https://github.com/thiagocabralcorreia/dev-meetup

In the project directory, you must access the frontend and backend folders and in each one install the dependencies

  $ npm install

And, in frontend and backend folders, run the app in the development mode:

  $ npm run dev

Open http://localhost:3000 to view it in the browser. The page will reload if you make edits.

DevMeetup project by Thiago Cabral Correia - 2023