https://github.com/sumitkrjha/writerly
A modern and responsive landing page built as an assignment for WatchDen. This project showcases a clean and user-friendly design, leveraging the power of Next.js, Tailwind CSS, and shadcn/ui components for testimonials and an accordion FAQ section.
https://github.com/sumitkrjha/writerly
netlify-deployment nextjs15 shadcn-ui taliwindcss
Last synced: 4 months ago
JSON representation
A modern and responsive landing page built as an assignment for WatchDen. This project showcases a clean and user-friendly design, leveraging the power of Next.js, Tailwind CSS, and shadcn/ui components for testimonials and an accordion FAQ section.
- Host: GitHub
- URL: https://github.com/sumitkrjha/writerly
- Owner: sumitkrjha
- Created: 2025-03-15T09:16:12.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-03-15T11:34:46.000Z (over 1 year ago)
- Last Synced: 2025-07-02T01:36:46.610Z (12 months ago)
- Topics: netlify-deployment, nextjs15, shadcn-ui, taliwindcss
- Language: JavaScript
- Homepage: https://writerly.netlify.app/
- Size: 1.14 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Writely - Landing Page
Welcome to **Writely**, a modern and responsive landing page built as an assignment for **WatchDen**. This project showcases a clean and user-friendly design, leveraging the power of **Next.js**, **Tailwind CSS**, and **shadcn/ui** components for testimonials and an accordion FAQ section.
---
## **Live Demo**
The project is hosted on Netlify and can be accessed here:
👉 [writely.netlify.app](https://writely.netlify.app)
---
## **Features**
- **Responsive Design**: Fully optimized for mobile, tablet, and desktop screens.
- **Testimonials Section**: Built using **shadcn/ui** components to display user feedback in a carousel format.
- **FAQ Section**: An interactive accordion component for frequently asked questions, also built with **shadcn/ui**.
- **Modern UI**: Clean and professional design using **Tailwind CSS** for styling.
- **Fast Performance**: Built with **Next.js** for optimized performance and SEO.
---
## **Technologies Used**
- **Next.js**: A React framework for building fast and scalable web applications.
- **Tailwind CSS**: A utility-first CSS framework for rapid UI development.
- **shadcn/ui**: A collection of reusable and customizable UI components.
- **Netlify**: For hosting and deployment.
---
## **Getting Started**
Follow these steps to run the project locally:
### **Prerequisites**
- Node.js (v18 or higher)
- npm or yarn
### **Installation**
1. Clone the repository:
```bash
git clone https://github.com/sumitkrjha/writely.git
```
2. Navigate to the project directory:
```bash
cd writely
```
3. Install dependencies:
```bash
npm install
# or
yarn install
```
4. Start the development server:
```bash
npm run dev
# or
yarn dev
```
5. Open your browser and visit:
```
http://localhost:3000
```
---
## **Folder Structure**
```
writely/
├── public/ # Static assets (images, fonts, etc.)
├── src/
│ ├── components/ # Reusable UI components
│ ├── pages/ # Next.js pages
│ ├── styles/ # Custom styles (if any)
│ └── utils/ # Utility functions
├── tailwind.config.js # Tailwind CSS configuration
├── next.config.js # Next.js configuration
└── README.md # Project documentation
```
---
## **Acknowledgments**
- **WatchDen** for providing the assignment.
- **Next.js**, **Tailwind CSS**, and **shadcn/ui** for making development faster and easier.
- **Netlify** for seamless hosting and deployment.
---
## **Contact**
If you have any questions or feedback, feel free to reach out:
📧 [jhasumit4742@gmail.com](mailto:jhasumit4742@gmail.com)
🌐 [Your Portfolio](https://sumitkrjha.onrender.com)
---
Thank you for checking out **Writely**! 🚀