Sync Space is a modern, full-stack web application built to deliver a seamless and immersive user experience. Leveraging the power of Next.js 15, React 19, and Tailwind CSS 4, it combines high-performance rendering with stunning 3D visuals using Three.js.
- Cutting-Edge Stack: Built on the latest versions of Next.js and React for optimal performance and developer experience.
- Immersive 3D Elements: Integrated React Three Fiber components for engaging visual effects.
- Responsive Design: Fully responsive UI crafted with Tailwind CSS 4, ensuring a consistent experience across all devices.
- Authentication: Secure user authentication powered by Firebase.
- Scheduling System: Built-in capabilities for managing appointments and schedules.
- Smooth Animations: Enhanced UI interactions with Framer Motion and AOS.
- Framework: Next.js 15
- Library: React 19
- Language: TypeScript
- Styling: Tailwind CSS 4
- 3D Graphics: Three.js & React Three Fiber
- Backend/Auth: Firebase
- Animations: Framer Motion
Follow these steps to set up the project locally.
Ensure you have Node.js installed on your machine.
-
Clone the repository:
git clone https://github.com/your-username/sync-space.git cd sync-space -
Install dependencies:
npm install # or yarn install # or pnpm install
-
Set up Environment Variables: Create a
.env.localfile in the root directory and add necessary environment variables (e.g., Firebase config). (Note: Refer to.env.exampleif available)
Start the development server:
npm run devOpen http://localhost:3000 with your browser to see the result.
app/: Application routes and pages (App Router).components/: Reusable UI components.utils/: Utility functions and helpers.public/: Static assets.
We welcome contributions! Please see our CONTRIBUTING.md for details on how to get started.
- Fork the repository.
- Create a new branch (
git checkout -b feature/AmazingFeature). - Commit your changes (
git commit -m 'Add some AmazingFeature'). - Push to the branch (
git push origin feature/AmazingFeature). - Open a Pull Request.
Please ensure you use the provided Pull Request Template when submitting your PR.
This project is released under the GPL-3.0 License. See the LICENSE file for details.