Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/thiagocabralcorreia/dev-meetup
DevMeetup is a MERN stack project that serves as a platform to create, register and consult Meetup events for programmers.
https://github.com/thiagocabralcorreia/dev-meetup
express jwt mern-stack mongodb mongoose nodejs react tailwindcss typescript website websocket
Last synced: 8 days ago
JSON representation
DevMeetup is a MERN stack project that serves as a platform to create, register and consult Meetup events for programmers.
- Host: GitHub
- URL: https://github.com/thiagocabralcorreia/dev-meetup
- Owner: thiagocabralcorreia
- Created: 2023-03-07T01:49:27.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2023-04-09T20:41:05.000Z (over 1 year ago)
- Last Synced: 2024-04-23T21:48:46.855Z (7 months ago)
- Topics: express, jwt, mern-stack, mongodb, mongoose, nodejs, react, tailwindcss, typescript, website, websocket
- Language: TypeScript
- Homepage:
- Size: 18.1 MB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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.
](https://github.com/thiagocabralcorreia/dev-meetup/blob/main/frontend/public/devmeetup-cover.png)
## 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](https://www.framer.com/motion/)
- [React Icons](https://react-icons.github.io/react-icons/)
- [Headlessui](https://headlessui.com)
- [Socket.IO Client](https://www.npmjs.com/package/socket.io-client)
- [Socket.IO](https://socket.io)
- [Node Bcrypt](https://www.npmjs.com/package/bcrypt)
- [Multer](https://www.npmjs.com/package/multer)
- [Mongoose](https://www.npmjs.com/package/mongoose)
- [JSON Web Token](https://www.npmjs.com/package/jsonwebtoken)
- 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](http://localhost:3000) to view it in the browser.
The page will reload if you make edits.
_DevMeetup project by Thiago Cabral Correia - 2023_
[](https://thiagocabralcorreia.vercel.app/) [](https://www.linkedin.com/in/thiago-cabral-correia/)