Thanks to visit codestin.com
Credit goes to github.com

Skip to content

πŸŽ¨πŸŽ‰ Saas landing page - A pixel-perfect implementation of a Figma design using modern frontend tools.

Notifications You must be signed in to change notification settings

fazle-rabbi-dev/Biccas

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

3 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

🌐 Biccas - Saas landing page

A pixel-perfect implementation of a Figma saas landing page design using modern frontend tools.

🎨 Overview

This project is a Figma to Code conversion that I built to practice and showcase my frontend development skills through real-world UI implementation.

It focuses on clean structure, responsive layout, and maintainable code.

πŸ“Έ Preview

πŸ”— Live Demo

🌍 Visit Site

🧰 Tech Stack

  • βš›οΈ React
  • 🎨 Tailwind CSS
  • πŸ› οΈ Vite

🧠 Key Learnings

  • Improved understanding of layout building, implementing figma effects with css code
  • Practiced responsive design
  • Strengthened Design/Figma-to-code workflow
  • Learned to translate Figma design tokens β€” colors, spacing, typography, and alignment β€” into clean, consistent code

πŸ“ Folder Structure

src/
┣ components/
┣ lib/
┣ styles/
┣ App.jsx
β”— main.jsx

πŸ’‘ Features

  • βœ… Pixel-perfect from Figma
  • βœ… Fully responsive (mobile-first)
  • βœ… Reusable components
  • βœ… Semantic HTML structure

🧱 Design Reference

πŸš€ Getting Started

# Clone project
git clone https://github.com/fazle-rabi-dev/biccas

# Move into folder
cd biccas

# Install dependencies
npm install

# Run locally
npm run dev

About

πŸŽ¨πŸŽ‰ Saas landing page - A pixel-perfect implementation of a Figma design using modern frontend tools.

Topics

Resources

Stars

Watchers

Forks