DevToday - Front-end

This is a Next.js project bootstrapped with create-next-app.

This project uses next/font to automatically optimize and load Inter, a custom Google Font.

📋 Table of Contents

1. 🌐 Demo
2. 🤖 Introduction
3. 📝 Description
4. ⚙️ Tech Stack
5. 🔋 Features
6. 🛠️ Setup
7. 🔍 Usage
8. ✅ To-do
9. 📜 Credits
10. 📚 References
11. 📞 Contact
12. 📋 License

🌐 Demo

Here is a working live demo: MJ's Portfolio

🤖 Introduction

DevToday - A comprehensive content creation platform tailored for developers. It includes features such as creating posts, meet-ups, podcasts, and groups. Enabling developers to stay in touch, engage in discussions, share or create new content, follow other developers, and form groups focused on particular technologies or subjects.

📝 Description

Welcome to my project! Here, I'll provide you with a brief overview of what inspired me to create it, why it solves a problem, and what I've learned throughout its development.

• Motivation: I was motivated to build this project to address a specific issue and to enhance my coding skills.
• Why I Built This Project: My main goal was to create a practical and user-friendly solution to a real-world problem.
• Problem Solved: This project aims to simplify a particular task, making it more efficient and accessible.
• What I Learned: Throughout the development process, I gained valuable insights into various technologies and programming concepts.

⚙️ Tech Stack

• Next.js
• TypeScript
• TinyMCE
• PostgreSQL
• Shadcn
• Tailwind CSS
• Prisma ORM
• NextAuth
• AuthO
• React-Hook form
• Zod
• Express
• Node.js
• Uploadthing

🔋 Features

👉 Authentication: Seamlessly log in or sign up.

👉 Profile Management: Easily update profile details and link social media accounts for enhanced connectivity.

👉 Create: Post, Meetup, or Podcast effortlessly, enriched with resources and links.

👉 Related Posts: Connect related content by adding groups for improved information accessibility.

👉 Tagging for Context: Enhance post context and retrieval efficiency with intuitive tagging.

👉 Search & Filter: Retrieve past posts, meet-ups, podcasts swiftly with global search and filtering.

👉 Post Collection: Explore content easily with pagination features.

👉 Responsive: Ensures seamless functionality and aesthetics across all devices and many more, including code architecture and reusability

🛠️ Setup Project

To get this project up and running in your development environment, follow these step-by-step instructions.

🍴 Prerequisites

We need to install or make sure that these tools are pre-installed on your machine:

• NodeJS: It is a JavaScript runtime build.
• Git: It is an open source version control system.

🚀 Install Project

1. Clone the Repository

git clone [email protected]:ManmeetSinghJohal/devtoday-front_end.git

2. Install packages

npm install

3. Create a .env file

NEXTAUTH_URL="http://localhost:3000"
NEXTAUTH_SECRET="o7Z....."          


GITHUB_ID="cbd....."
GITHUB_SECRET="b8....."

GOOGLE_CLIENT_ID="808719......"
GOOGLE_CLIENT_SECRET="GOC........"

NEXT_PUBLIC_TINY_EDITOR_API_KEY='12kro........'

UPLOADTHING_SECRET=sk_live_b4.......
UPLOADTHING_APP_ID=3p8......

4. Run the dev server.

npm run dev

🔍 Usage

How To Use

To clone and run this application, you'll need Git and Node.js (which comes with npm) installed on your computer. From your command line:

# Clone this repository
$ git clone [email protected]:ManmeetSinghJohal/devtoday-front_end.git

# Go into the repository
$ cd projectname

# Install dependencies
$ npm install

# Run the app
$ npm run dev

Note If you're using Linux Bash for Windows, see this guide or use node from the command prompt.

⚒️ How to Contribute

Want to contribute? Great!

To fix a bug or enhance an existing module, follow these steps:

• Fork the repo
• Create a new branch (git checkout -b improve-feature)
• Make the appropriate changes in the files
• Add changes to reflect the changes made
• Commit your changes (git commit -am 'Improve feature')
• Push to the branch (git push origin improve-feature)
• Create a Pull Request

📩 Bug / Feature Request

If you find a bug (the website couldn't handle the query and / or gave undesired results), kindly open an issue here by including your search query and the expected result.

If you'd like to request a new function, feel free to do so by opening an issue here. Please include sample queries and their corresponding results.

✅ To-do

Will update soon!

📜 Credits

I'd like to acknowledge my collaborators, who contributed to the success of this project. Below are links to their GitHub profiles.

Furthermore, I utilized certain third-party assets that require attribution. Find the creators' links in this section.

If I followed tutorials during development, I'd include the links to those as well.

👩 Victoria Geddes
Email: toiageddes@gmail.com
GitHub: @toiaa

👦 Mateo Sindičić
Email: mateo.sindicic@gmail.com
GitHub: @JazzyGrim

📚 References

None at the moment.

📞 Contact Me

📋 License