https://github.com/srikant-code/my-front-end-codes

This consists of my front end projects in which I have coded in CSS and JS. Check this out you will surely enjoy the README.md.
https://github.com/srikant-code/my-front-end-codes

calculator-application clip-path conveyor-belt css css-animations flexbox html-css-javascript javascript movie-recommendation movies movies-api sass scss space svg-animations

Last synced: 11 days ago
JSON representation

This consists of my front end projects in which I have coded in CSS and JS. Check this out you will surely enjoy the README.md.

• Host: GitHub
• URL: https://github.com/srikant-code/my-front-end-codes
• Owner: srikant-code
• Created: 2019-10-28T13:43:22.000Z (about 5 years ago)
• Default Branch: master
• Last Pushed: 2021-03-15T03:45:56.000Z (over 3 years ago)
• Last Synced: 2023-10-07T11:24:40.931Z (about 1 year ago)
• Topics: calculator-application, clip-path, conveyor-belt, css, css-animations, flexbox, html-css-javascript, javascript, movie-recommendation, movies, movies-api, sass, scss, space, svg-animations
• Language: HTML
• Homepage: https://movie-new-tab-extension.vercel.app
• Size: 18.9 MB
• Stars: 3
• Watchers: 2
• Forks: 2
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
## Hello🤘

This is a repo of mine in which I usually experiment js codes and then after completing I push them to a new repo. You can check out my current projects here  

**Right now this repo is consisting of 2 JS projects and 2 CSS Projects.**  

## JS projects  

- **Neomorphic fully functional Caluclator**. [See the live deployment here](https://srikant-code.github.io/My-Front-End-Codes/Javascript%20projects/Calculator/calculator.html)  

Here is a preview of the Calculator I built.

![Neomorphic calculator screenshot](https://raw.githubusercontent.com/srikant-code/My-Front-End-Codes/master/Javascript%20projects/Calculator/deployment.png)  

- **Movie New tab Extension** This one is in development stage and its having bugs. You can contribute to it. I would be greateful to accept a pull request.

Here is a preview of the application I built, but you can [see the live deployment here](https://movie-new-tab-extension.vercel.app)  

![Movie New tab Extension screenshot1](https://raw.githubusercontent.com/srikant-code/My-Front-End-Codes/master/Javascript%20projects/Movie%20Trailer%20Extension/img/deployment2.png)   

![Movie New tab Extension screenshot2](https://raw.githubusercontent.com/srikant-code/My-Front-End-Codes/master/Javascript%20projects/Movie%20Trailer%20Extension/img/deployment1.png)  

## CSS projects  

- **Conveyor Belt Animation**. [See the live deployment here](https://srikant-code.github.io/My-Front-End-Codes/CSS%20projects/Conveyor%20Belt%20Animation/conveyor.html)  

Here is a preview of the CSS Animation I built.

![Conveyor Belt screenshot](https://raw.githubusercontent.com/srikant-code/My-Front-End-Codes/master/CSS%20projects/Conveyor%20Belt%20Animation/deployment.png)  

- **Space Exploration Animation**. [See the live deployment here](https://srikant-code.github.io/My-Front-End-Codes/CSS%20projects/Jigyasu%20Animation%20and%20login%20page/404%20animations%20modules%20ON.html)  

Here is a preview of the CSS Animation I built.

![Space Exploration Animation screenshot](https://raw.githubusercontent.com/srikant-code/My-Front-End-Codes/master/CSS%20projects/Jigyasu%20Animation%20and%20login%20page/deployment.png)  

### Excited by this project??

Go to the 

- **Javascript projects** folder above for the **code or click [here](https://github.com/srikant-code/My-Front-End-Codes/tree/master/Javascript%20projects)  

- **CSS projects** folder above for the code **or click [here](https://github.com/srikant-code/My-Front-End-Codes/tree/master/CSS%20projects)  

If you like my projects do give it a **Star⭐⭐⭐ please🥺🥺 and also fork it if you want to send a Pull request. Doing so will motivate me to contribute more to the project.**