Bioota
A Fishery Company Website
Team of 4
Overview
Bioota is an innovative solution designed to revolutionize the way businesses in the fishery industry operate. With the help of advanced technology, bioota streamlines operations and increases productivity, allowing businesses to harness the full power of their data.
Project Goals
This project aims to build a comprehensive digital platform for Bioota, consisting of a modern company profile website and an integrated admin dashboard.
On the main website, users can explore:
- An engaging landing page introducing about Bioota
- A dynamic product catalog showcasing Bioota’s offerings
- A dedicated services page detailing solutions provided
Additionally, the system includes a secure admin web application equipped with authentication, allowing authorized administrators to efficiently manage Bioota’s product data through full CRUD functionality.
Tech Stack
The technology stack implemented in this project includes Next.js, React.js, TypeScript, Firebase, Zustand, and Tailwind CSS.
The main company website is built using:
- Next.js for server-side rendering and optimized performance
- TypeScript to ensure strong type safety and maintainable code
- Tailwind CSS for efficient and responsive UI styling
The admin dashboard is developed using:
- React.js for a fast and interactive single-page application experience
- Firebase as the backend database and authentication service
- Zustand for lightweight and efficient state management
My Role
As a Full-Stack Engineer, I was responsible for implementing both company profile website and the admin dashboard. Here are the key tasks I worked on:
- Implemented 2 pages on company profile website including Product Catalog page that is integrated with Firebase
- Implemented 2 reusable components that is used across the Bioota's company profile website
- Set up Firebase and repository for admin dashboard using React.js and Flowbite
- Implemented end-to-end admin dashboard web app for easy Bioota's product management
- Implemented authentication page and middleware for admin dashboard web app
App Preview
Note: to see full image preview please click the image
Back to projects