👉🏻 🔗 Live Preview

https://iwasmadat.vercel.app/

📋 Table of Contents

1. 🔗 Live Preview
2. 🤓 About The Project
3. 🚀 Quick Tutorial
4. ⚙️ Tech Stack
5. 🧰 Features
6. 🔑 Getting Started
7. 📍 Roadmap
8. 📸 Project Images

🤓 About The Project

🎉 The "I Was Mad At" project is a space for users to openly share and express their frustrations. It provides a platform for posting, editing, and deleting entries, fostering a community where emotions can be freely expressed.

🚀 Quick Tutorial

1. Create an Account 🌐

a. Sign Up with Google Email:

• Click on the 🌟 "Sign Up" 🌟 button.
• Signup using your Google Account.

2. Create Posts

• Use the main page to create a post or click the create post button.

3. View Profile Page 🧑‍💼

• Navigate to your 🌐 profile page.
• Explore your posts, and take control with options to delete or edit.

⚙️ Tech Stack

• MongoDB
• Next.js
• NextAuth.js
• Google OAuth 2.0
• Tailwind

🧰 Features

• Express Yourself: Create posts to share the reasons behind your frustration.

• Fine-tune Your Expression: Edit your posts to refine or update your expressions.

• Clean Slate: Delete posts for any reason, giving users full control.

• Personalized Profiles: User profiles provide a snapshot of your posts and potential insights into others' experiences.

🔑 Getting Started

Follow these steps to set up the project locally on your machine.

Prerequisites

• Git
• Node.js

• npm

  npm install npm@latest 

Installation

1. Clone the repo

   [email protected]:karabirkan/iWasMadAt.git
   cd iwasmadat

2. Install NPM packages

   npm install

3. Create a new file named .env in the root of your project and add the following content:

#NEXT
NEXT_PUBLIC_SERVER_URL=
NEXTAUTH_URL_INTERNAL=
NEXTAUTH_SECRET=

#GOOGLE
GOOGLE_ID=
GOOGLE_CLIENT_SECRET=

#MONGODB
MONGODB_URI=

📍 Roadmap

• Add Profile Page
• Display Posts
• Add Profile Settings
• Add Post Detail Page
• Multi-language Support
  • Spanish
  • Turkish

📸 Project Images

Landing Page	Edit Post Page	Posts Main Page	Profile Page

📲 Contact

Acknowledgments

Thank you Adrian for the project. Go check his profile for more project ideas and his course.

• Project Idea

License

This project is licensed under the [LICENSE_NAME] - see the LICENSE.md file for details.