LIVE DEMO: https://splash-flow.vercel.app/
SplashFlow is a web application designed to allow users to seamlessly search for images. It provides a clean, fast, and intuitive interface for discovering and exploring visual content.
SplashFlow is built with a modern tech stack, focusing on performance, developer experience, and scalability:
- Framework: Next.js (React Framework)
- Language: TypeScript
- Styling: Tailwind CSS
- UI Components: Custom components built with React
- Icons: @tabler/icons-react
- Animation: Framer Motion
- Schema Validation: Zod
While Vite is an excellent build tool known for its speed, Next.js was chosen for SplashFlow primarily for its robust API routes feature. This allows for the creation of backend endpoints directly within the Next.js project, simplifying the architecture for features that require server-side logic, such as fetching data from external image APIs, handling user authentication (if planned), or other backend tasks. This integrated approach streamlines development and deployment.
We welcome contributions to SplashFlow! To get started:
-
Fork the repository.
-
Clone your fork:
git clone https://github.com/MRezaSafari/splashflow.git cd splashflow -
Install dependencies:
npm install
-
Create a new branch for your feature or bug fix:
git checkout -b feature/your-feature-name
or
git checkout -b fix/your-bug-fix-name
-
Run the development server:
npm run dev
Open http://localhost:3000 to view it in the browser.
-
Make your changes.
-
Lint your code:
npm run lint
-
Commit your changes:
git commit -m "feat: Describe your feature"(Please follow Conventional Commits if possible)
-
Push to your branch:
git push origin feature/your-feature-name
-
Create a Pull Request against the
main(ordevelop) branch of the original repository.
Please ensure your code adheres to the project's linting rules and that your commits are clear and descriptive.
Feel free to suggest improvements or report issues!