Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/ujen5173/hashnode
Introducing Hashnode Clone: A full-stack application replicating Hashnode's functionalities. Built with Next.js 12, Tailwind CSS, t3-stack, Stripe and Drizzle. 🚀
https://github.com/ujen5173/hashnode
drizzle drizzle-orm drizzleorm hashnode hashnode-blog hashnode-clone lucide-icons next-auth nextjs open-source postgresql prisma prisma-orm reactjs stripe stripe-subscriptions t3-stack tailwindcss trpc uploadthing
Last synced: 29 days ago
JSON representation
Introducing Hashnode Clone: A full-stack application replicating Hashnode's functionalities. Built with Next.js 12, Tailwind CSS, t3-stack, Stripe and Drizzle. 🚀
- Host: GitHub
- URL: https://github.com/ujen5173/hashnode
- Owner: ujen5173
- Created: 2023-05-25T14:00:15.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-04-15T14:28:56.000Z (7 months ago)
- Last Synced: 2024-10-10T01:43:53.962Z (29 days ago)
- Topics: drizzle, drizzle-orm, drizzleorm, hashnode, hashnode-blog, hashnode-clone, lucide-icons, next-auth, nextjs, open-source, postgresql, prisma, prisma-orm, reactjs, stripe, stripe-subscriptions, t3-stack, tailwindcss, trpc, uploadthing
- Language: TypeScript
- Homepage: https://hashnode-t3.vercel.app
- Size: 8.33 MB
- Stars: 86
- Watchers: 3
- Forks: 18
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Hashnode Clone
This is a **full-stack application** that serves as a clone of the popular blogging website, _Hashnode_. The purpose of this project is to showcase my skills in web development and serve as a learning experience. I have utilized Next.js, Nextjs, Tailwind CSS, and the T3 stack with PostgreSQL as the technology stack for this project. With a plethora of exciting features, this intermediate-level project replicates most of the functionalities found on the original Hashnode website. I hope you enjoy this project as much as I enjoyed building it. Cheers 🍻. Contributions are welcome!
Vercel Deployed: https://hashnode-t3.vercel.app/
Railway Deployed: https://hashnode-t3.up.railway.app/
# [[APP] Hashnode using React-native.](https://github.com/ujen5173/hashnode-rn)
I'm creating Hashnode in React Native from the ground up, using React Native, Tailwind, and MongoDB. If you're curious about the project's progress, check it out! If you enjoy it, give it a star. This is my first time diving into React Native, so it's a bit of a challenge for me.
## Table of Contents
- Features
- Installation
- Setting up the development environment
- Contribution
## Features
1. Authentication
2. User blogging dashboard
3. Search Functionality
4. Follow user/tag
5. Notifications
6. Text completion AI
7. Payment Gateway using stripe
## Installation
Clone the repository
```
git clone https://github.com/ujen5173/hashnode.git
```
Navigate to the project directory:
```
cd hashnode
```
Install the dependencies:
```
yarn
```
### Create account in the below services and get the API keys
- [Google Cloud](https://console.cloud.google.com/)
- [Uploadthing for image upload](https://uploadthing.com/)
- [Railway for database](https://railway.app/)
- [Stripe for payment](https://stripe.com/)
- [Google AI for text completion](https://ai.google.dev/)
### Setting up the datase
- Create an account on [Railway](https://railway.app) to setup cloud postgresql database.
- Navigate to the [railway new app](https://railway.app/new) and choose Provision PostgreSQL.
- Access the Variables section within the newly created database.
- Retrieve the DATABASE_URL and transfer it to the .env file under the same name.
- Execute yarn db:dev to upload the schema to the Railway database.
### Setting up the development environment
- Set up the required environment variables. Refer to the `.env.example` file for the necessary variables.
- Create `.env` file in the root directory of the project and add the environment variables with reference to the `.env.example` file.
- Create an account in neon.tech for pushing database to the cloud. Use the neon database URL in the `.env` file -> `DATABASE_URL`.
- Push the database schema to your PostgreSQL database: `yarn db:dev`. (OPTIONAL IF YOU HAVE ALREADY PUSH THE DATABASE)
- Start the development server: `yarn dev`
- Open your web browser and visit **http://localhost:3000**
## Contribution
Contributions are welcome! If you would like to contribute to this project, please follow these steps:
- Create issues for bugs and new features you would like to add.
- After an issue has been approved, you can create a pull request.
- Fork this repository.
- Create a new branch for your contribution: `git checkout -b feature/your-feature`
- Make your changes and commit them: `git commit -m "Add your message here"`
- Push the changes to your branch: `git push origin feature/your-feature`
- Open a pull request.
Cheers 🍻.