Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/olaishola05/ola-new
A fullstack app built with NextJS/TS, Prisma, MongoDB, TailwindCSS, Next API, Next Authentication with features to add projects, edit, delete, toggle projects on & off and filter projects based on tech stacks.
https://github.com/olaishola05/ola-new
mongodb next14 nexta prisma react-email react-hook-form resend-email sass tailw typescript yup-validation zod
Last synced: 18 days ago
JSON representation
A fullstack app built with NextJS/TS, Prisma, MongoDB, TailwindCSS, Next API, Next Authentication with features to add projects, edit, delete, toggle projects on & off and filter projects based on tech stacks.
- Host: GitHub
- URL: https://github.com/olaishola05/ola-new
- Owner: olaishola05
- License: mit
- Created: 2023-11-22T13:08:29.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2024-08-11T16:19:25.000Z (5 months ago)
- Last Synced: 2024-10-27T20:05:47.465Z (2 months ago)
- Topics: mongodb, next14, nexta, prisma, react-email, react-hook-form, resend-email, sass, tailw, typescript, yup-validation, zod
- Language: TypeScript
- Homepage: https://www.olaishola.tech
- Size: 1.5 MB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Developer Portfolio
## Description
A fullstack app built with NextJS/TS, Prisma, MongoDB, Material UI, Next API, Next Authentication with features to add projects, edit, delete, toggle projects on & off and filter projects based on tech stacks.
## This project is bootstrapped with Fullstack Nextjs Boilerplate
[![better commits is enabled](https://img.shields.io/badge/better--commits-enabled?style=for-the-badge&logo=git&color=a6e3a1&logoColor=D9E0EE&labelColor=302D41)](https://github.com/Everduin94/better-commits)
![Typescript](https://img.shields.io/badge/TypeScript-007ACC?style=for-the-badge&logo=typescript&logoColor=white)
![Nextjs](https://img.shields.io/badge/-Nextjs-black?style=for-the-badge&logo=nextjs&logoColor=white)
![Eslint](https://img.shields.io/badge/-eslint-brightgreen?style=for-the-badge&logo=eslint&logoColor=white)
![MongoDB](https://img.shields.io/badge/MongoDB-4EA94B?style=for-the-badge&logo=mongodb&logoColor=white)
![Prisma](https://img.shields.io/badge/-prisma-purple?style=for-the-badge&logo=prisma&logoColor=white)
![Vercel](https://img.shields.io/badge/-vercel-black?style=for-the-badge&logo=vercel&logoColor=white)
![Sass](https://img.shields.io/badge/Sass-CC6699?style=for-the-badge&logo=sass&logoColor=white)
![Material UI](https://img.shields.io/badge/-Material%20UI-0081CB?style=for-the-badge&logo=material-ui&logoColor=white)
![Git](https://img.shields.io/badge/-Git-black?style=for-the-badge&logo=git&logoColor=white)
![Editor](https://img.shields.io/badge/-VSCode-blue?style=for-the-badge&logo=visual-studio-code&logoColor=white)## Demo
[Live Here.](https://www.olaishola.tech/)
![demo-image](https://www.olaishola.tech/_next/image?url=https%3A%2F%2Fres.cloudinary.com%2Fhebronhq%2Fimage%2Fupload%2Fv1699630270%2FPortfolio%2FScreenshot_2023-11-10_at_4.27.15_PM_stlgrn.png&w=2048&q=75)
## Built With
- **NextJS** - React Framework
- **TypeScript** - Static Typing
- **Prisma** - ORM
- **MongoDB** - Database
- **Material UI** - UI Library
- **Next API** - API Routes
- **Next Authentication** - Authentication
- **Next Image** - Image Optimization
- **Next SEO** - SEO## Getting Started
### Prerequisites
- [Node.js](https://nodejs.org/en/) - Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.
- [MongoDB](https://www.mongodb.com/) - MongoDB is a general purpose, document-based, distributed database built for modern application developers and for the cloud era.
- [Prisma](https://www.prisma.io/) - Prisma is a next-generation ORM for Node.js and TypeScript.### Installing
1. Clone the repo
```bash
git clone https://github.com/olaishola05/ola.git
```2. Install dependencies
```bash
npm install
npx prisma generate
```3. Create a `.env.local` file in the root directory and add the following environment variables
```bash
DATABASE_URL= # Your MongoDB URL
NEXT_PUBLIC_MEDIUM_API_URL= # Your Medium API URL
NEXTAUTH_URL= # Your Next Auth URL
NEXTAUTH_SECRET= # Your Next Auth Secret
```4. Run the development server
```bash
npm run dev
```5. Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
## Deployment
1. Create a [Vercel](https://vercel.com/) account
2. Install Vercel CLI```bash
npm i -g vercel
```3. Login to Vercel
```bash
vercel login
```4. Deploy to Vercel
```bash
vercel
```## Author
- GitHub: [@olaishola05](https://github.com/@olaishola05)
- Twitter: [@olaishola05](https://twitter.com/@olaishola05)
- LinkedIn: [Oladipupo Ishola](https://www.linkedin.com/in/ola-ishola/)
- Medium: [@olaishola](https://medium.com/@olaishola)## ð€ Contributing
Contributions, issues, and feature requests are welcome!
Feel free to check the [issues page](https://github.com/olaishola05/ola/issues) here ðð.
### Show your support
- Give a â if you like this project
## Acknowledgments
- Thanks to everyone building tools to make developers' lives easier
## License
This project is licensed under the MIT License - see the [LICENSE.md](MIT.md) file for details