Data

Tools

Indexes

Applications

Experiments

Awesome

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

https://github.com/manmeetsinghjohal/devtoday-front_end

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.
https://github.com/manmeetsinghjohal/devtoday-front_end

express nextauth nextjs14 node postgresql prism prisma-orm react react-hook-form shadcn-ui tailwind tinymce typescript uploadthing zod

Last synced: 6 months ago
JSON representation

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.

Awesome Lists containing this project

README 

          


  nodedotjs

  nextdotjs

  tailwindcss




# DevToday - Front-end



This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).



This project uses [`next/font`](https://nextjs.org/docs/basic-features/font-optimization) to automatically optimize and load Inter, a custom Google Font.



## πŸ“‹ Table of Contents



1. 🌐 [Demo](#demo)

2. πŸ€– [Introduction](#introduction)

3. πŸ“ [Description](#description)

4. βš™οΈ [Tech Stack](#tech-stack)

5. πŸ”‹ [Features](#features)

6. πŸ› οΈ [Setup](#setup)

7. πŸ” [Usage](#usage)

8. βœ… [To-do](#todo)

9. πŸ“œ [Credits](#credits)

10. πŸ“š [References](#references)

11. πŸ“ž [Contact](#contact)

12. πŸ“‹ [License](#license)



## 🌐 Demo

Here is a working live demo:  [MJ's Portfolio](https://mj-portfolio-five.vercel.app/)  



## πŸ€– 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](https://nodejs.org/en/download/): It is a JavaScript runtime build. 

- [Git](https://git-scm.com/downloads): It is an open source version control system. 



### πŸš€ Install Project



1. Clone the Repository



```bash

git clone git@github.com:ManmeetSinghJohal/devtoday-front_end.git

```



2. Install packages



```

npm install

```



3. Create a `.env` file 



```bash

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.



```bash

npm run dev

```



## πŸ” Usage



### How To Use



To clone and run this application, you'll need [Git](https://git-scm.com) and [Node.js](https://nodejs.org/en/download/) (which comes with [npm](http://npmjs.com)) installed on your computer. From your command line:



```bash

# Clone this repository

$ git clone git@github.com: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](https://www.howtogeek.com/261575/how-to-run-graphical-linux-desktop-applications-from-windows-10s-bash-shell/) 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](https://github.com/ManmeetSinghJohal/devtoday-front_end/issues/new) 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](https://github.com/ManmeetSinghJohal/devtoday-front_end/issues/new). 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



[![Follow us on LinkedIn](https://img.shields.io/badge/LinkedIn-ManmeetSinghJohal-blue?style=flat&logo=linkedin&logoColor=b0c0c0&labelColor=363D44)](https://www.linkedin.com/in/manmeetsinghjohal/)



## πŸ“‹ License



[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)