One-Night-Maker is a collection of one-night projects created by Menai Ala Eddine. Each night, a new project was born from a combination of curiosity, creativity, and passion for software development. Each project is unique and can be used as a reference for learning or inspiration. The projects were created using different technologies and frameworks. Feel free to explore the projects and use them for your own learning and development.
This project was created with the aim of providing junior developers with a platform to contribute to open-source projects and learn from them. It can be challenging for junior developers to find projects to work on and gain practical experience. Therefore, this project serves as a resource for them to get hands-on experience in building web applications using popular technologies
By contributing to this project, junior developers can improve their skills and collaborate with other developers in the community.
| Name | Description | Technologies | Duration | Your Task |
|---|---|---|---|---|
| Like a post | Built with ExpressJS, Prisma, EJS, and CSS. It utilizes the Fetch API to allow users to like a post by clicking a button. The app provides a simple yet effective way to interact with posts. With Prisma's ORM capabilities, developers can easily manage the database layer of their application without worrying about low-level SQL. The use of EJS and CSS allows for easy customization of the app's appearance, ensuring it can be tailored to fit a wide range of use cases. | ExpressJS, EJS, CSS3, Prisma | 10 Hours | - [ ] Let the app loads 3 comments. - [ ] Let the users comment on the post. |
| Autocomplete search | An autocomplete search bar that helps users quickly find and select a startup in Germany from a static list of startups. When a user starts typing in a search box, the autocomplete feature will suggest possible matches based on the user's input. The user can then select an option from the suggestions. | HTML, CSS3, Javascript | 1 Hour | - [ ] Add an history of the previous searched startups and display them on the top of the suggestions. |
| Next Authentication | An authentication mechanism using Next.js, TypeScript, Prisma, and JWT. This project allows users to create an account, log in, and access protected resources. The system includes the following features: User authentication and authorization - Secure password storage with Argon2 hashing - Login and registration pages with form validation - Protected routes that can only be accessed by authenticated users - Session management using HTTP cookies. | React, Next, JWT, Argon2, TypeScript, TailwindCSS. | 12 Hours | - [ ] The user interface is not responsive. Make it seamless and responsive. |
| GitHub Profile | A simple app that displays the profile image of the developer by requesting the GitHub API. | React, Next, GraphQL. | 6 Hours | - [ ] Let the app displays the name and the bio of the developer. |