https://github.com/sdpdas/homedesigninterior
Done using NextJS, React, Tailwind CSS, Bootstrap, Framer Motion and ShadCn. A very modern and comprehensive app for interior design that took me 3-4 days to make.
https://github.com/sdpdas/homedesigninterior
bootstrap framer-motion lucide nextjs nextjs14 react shadcn tailwindcss
Last synced: 5 months ago
JSON representation
Done using NextJS, React, Tailwind CSS, Bootstrap, Framer Motion and ShadCn. A very modern and comprehensive app for interior design that took me 3-4 days to make.
- Host: GitHub
- URL: https://github.com/sdpdas/homedesigninterior
- Owner: SDpDas
- Created: 2024-08-25T05:59:32.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2024-08-25T08:36:22.000Z (almost 2 years ago)
- Last Synced: 2025-01-31T04:03:14.235Z (over 1 year ago)
- Topics: bootstrap, framer-motion, lucide, nextjs, nextjs14, react, shadcn, tailwindcss
- Language: JavaScript
- Homepage: https://homes-by-sdd.onrender.com/
- Size: 36.7 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
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).
## Getting Started
First, run the development server:
```bash
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev
```
Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
You can start editing the page by modifying `app/page.js`. The page auto-updates as you edit the file.
This project uses [`next/font`](https://nextjs.org/docs/basic-features/font-optimization) to automatically optimize and load Inter, a custom Google Font.
## Learn More
To learn more about Next.js, take a look at the following resources:
- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!
## Description
This is a home design website that is fully responsive, non-portfolio, extensive stylised
and aims to serve as a standard website for home shopping. The idea for the project was inspired from
@frontend-advance
## Features
1. Modern Styling: Used Tailwind CSS that allows much different variety of classes and inline by using className. Also they can be used within any div or non div elements. All this wasn't possible in normal CSS styling.
2. Shadcn: A great source repo for building icon, textarea, logos, background and other components for frontend.
3. Next.js-14: Latest version of next js used that makes development in react framework much easier.
4. Balanced use of React components: They didn't have to be used in every links. Good SSR (Server Side Rendering) standards followed.
5. Great animations: All done with the help of framer-motion. Container variants with type, delay and variation property, both offscreen and onscreen
can be used in any react or app components.
## Tech Stack Used
### Backend: React and Next.js
### Frontend: Tailwind CSS, Bootstrap, Shadcn, Lucide and Framer-motion.
## Screenshots:
## Made by Sagardeep Das