Skip to content

ashraf56/A-tech-frontend

Repository files navigation

A-Tech Blog Frontend

Description:

Welcome to the A-Tech Blog Frontend repository! This project forms the client-side interface of the A-Tech blog site, where users can explore, read, and interact with tech-related articles.

features:

  • Responsive Design: Fully responsive layout for seamless user experience across devices.
  • Article Browsing: Users can explore the latest tech articles, filtered by category or keyword.
  • User Authentication: Secure login and registration system, enabling personalized features.
  • Post Management: Admins can create, edit, and delete blog posts.
  • Commenting System: Users can comment on articles, enhancing reader engagement.
  • Real-Time Updates: Posts and comments are updated in real time for a smooth user experience.

technology used

  • typescript
  • Shadcn
  • React hook form
  • Redux
  • Cloudinary
  • Next.js

Admin

email: [email protected]
password: 1234

Live Link :

https://a-tech-frontend.vercel.app/

Server code link:

https://github.com/ashraf56/A-tech-backend.git

Installation

  • If you want to run this code into your local then follow the instruction.
  • clone github repo
https://github.com/ashraf56/A-tech-frontend.git
  • Navigate into the project directory:
cd A-tech-frontend
  • opne your vs code terminal and write npm i
npm i
  • create an env file and set env variable
NEXT_PUBLIC_Preset_name= your cloudinary preset

NEXT_PUBLIC_cloude_name= dyour cloudinary cloude name

NEXT_PUBLIC_serverApi= backend server url
  • Run code on local
npm run dev

Contributing

  • Feel free to fork the repository, submit issues, or contribute by creating a pull request. We welcome all contributions that help improve the A-Tech blog!

About

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages