Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

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.

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