How I created and deployed my first full stack web application in just 4 days

Developer Tools Design Tools Designers Community

Tailwind CSS Landing Page
1

Tailwind CSS

A utility-first CSS framework for rapidly building custom user interfaces.
Pricing:
- Open Source
#Developer Tools #Design Tools #Website Design 868 social mentions
Netlify Landing Page

2

Netlify

Build, deploy and host your static site or app with a drag and drop interface and automatic delpoys from GitHub or Bitbucket

#Cloud Computing #CDN #Content Distribution 105 social mentions
Firebase Landing Page

3

Firebase

Firebase is a cloud service designed to power real-time, collaborative applications for mobile and web.

Firebase - I used for authentication, database.

#Developer Tools #App Development #Backend As A Service 248 social mentions
Dribbble Landing Page

4

Dribbble

Shots from popular and up and coming designers in the Dribbble community, your best resource to discover and connect with designers worldwide.

I went over to Dribble and gathered inspirations from different sources for designing the UI. Then I went over to ColorHunt and picked up a good colour palette. After an hour of research, I roughly drew the layout on a sheet and started coding. ==> My first task was to setup the folder structure architecture and install all the required dependencies. ==> Then I created a new app on firebase and connected my app with firebase and make sure everything was connected and working by using console logs(best thing in JS). ==> I worked hard for about 4 hours more and created the Home page.

#Designers Community #Social Networks #Design Inspiration 220 social mentions
Color Hunt Landing Page

5

Color Hunt

Curated collection of beautiful colors, updated daily

I went over to Dribble and gathered inspirations from different sources for designing the UI. Then I went over to ColorHunt and picked up a good colour palette. After an hour of research, I roughly drew the layout on a sheet and started coding. ==> My first task was to setup the folder structure architecture and install all the required dependencies. ==> Then I created a new app on firebase and connected my app with firebase and make sure everything was connected and working by using console logs(best thing in JS). ==> I worked hard for about 4 hours more and created the Home page.

#Design Tools #Color Gradients #Color Tools 67 social mentions