pramit-marattha/Fullstack-projects-frontend-with-react-and-backend-with-various-stacks

Stars
189
Rank 204,649 (Top 5 %)
Language
JavaScript
License
MIT License
Created about 4 years ago
Updated 5 months ago

pramit-marattha/Fullstack-projects-frontend-with-react-and-backend-with-various-stacks

pramit-marattha

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

* W.I.P *🛠 Full-on full stack front end and a bit of back end web development challenge. Challenging every day to learn new stuffs about react & its in-depth features and also to explore the taste of various stacks.

Code Editor (Source code)	Chat App (Source code)	Dark Mode (Source code)	Notebook (Source code)

Conference Scheduler (Source code)	Tetris Game (Source code)	Bookmark Manager (Source code)	Movie App (Source code)

Grocery List Manager (Source code)	Pokedex (Source code)	Budget Calculator (Source code)	Newsletter (Source code)

React Music (Source code)	Space Invader Game (Source code)	Piano (Source code)	React DND Moodboard (Source code)

React Admin Dashboard (Source code)	Fan Wiki (Source code)	React Chess Game (Source code)	Tesla Mileage Evaluator (Source code)

Road Trip Map (MERN stack) (Source code)	Live Statistics (Source code)	Online Survey Creator (Source code)	Discord Clone Project (Source code)

It's Live 🎉 Visit here ==> https://pramit-marattha.github.io/fullstack-react-timeline/

1) Mini Code Editor

Code inside the below image is from Codepen by Zarko Rvovic (@nocni_sovac) on CodePen.

Mini Code Editor ( PR )

It's Live 🎉 Visit here ==> https://mini-code-editor.netlify.app/

2) Community Chat App with react and firebase

Community Chat App with react and firebase ( PR )

It's Live 🎉 Visit here ==> https://community-chat-app.netlify.app/

3) Dark Mode Toggle

Dark Mode Toggle ( PR )

It's Live 🎉 Visit here ==> https://dark-mode-switcher.netlify.app/

4) Notetaking notebook app

Notetaking notebook app ( PR )

It's Live 🎉 Visit here ==> https://notebook-app.netlify.app/

5) Conference Schedule App

Conference Schedule App

It's Live 🎉 Visit here ==> https://conference-schedule-app.netlify.app/

6) Tetris React Game

Tetris React Game

It's Live 🎉 Visit here ==> https://tetramino-tetris.netlify.app/

7) Bookmark App

Bookmark App

It's Live 🎉 Visit here ==>https://book-mark-react.netlify.app/

8) Fetch Movies

Fetch Movies

It's Live 🎉 Visit here ==>https://fetch-movies.netlify.app/

9) Grocery List Manager

Grocery List Manager

It's Live 🎉 Visit here ==> https://grocery-list-manager.netlify.app/

10) Pokemon Info (pokedex) App.

Pokemon Info (pokedex)

It's Live 🎉 Visit here ==> https://pokemon-info-app.netlify.app/

11) Budget Manager and Calculator.

Budget Manager and Calculator

It's Live 🎉 Visit here ==> https://budget-manager-react.netlify.app/

12) Newsletter app.

Awesome Newsletter App

It's Live 🎉 Visit here ==> https://newsletter-react-app.netlify.app/

13) Lofi Live music Player App.

Lofi Live music Player App

It's Live 🎉 Visit here ==> https://music-player-react.netlify.app/

14) Space Invader Game.

Space Invader Game

It's Live 🎉 Visit here ==> https://space-invader-react.netlify.app/

15) Virtual Piano (React Musical Instrument).

Virtual Piano

It's Live 🎉 Visit here ==> https://virtual-piano-instrument.netlify.app/

16) React moodboard (drag and drop images).

MoodBoard

It's Live 🎉 Visit here ==> https://moodboard-dnd.netlify.app/

17) React Admin Dashboard.

Admin-Dashboard

It's Live 🎉 Visit here ==> https://simple-admin-dashboard.netlify.app/

18) Wiki Search.

Wiki Search

It's Live 🎉 Visit here ==> https://react-wiki-search.netlify.app/

19) Simple Chess Game.

Awesome Chess

It's Live 🎉 Visit here ==> https://simple-chess-react.netlify.app/

20) Tesla Mileage Evaluator.

Tesla Mileage Evaluator

It's Live 🎉 Visit here ==> https://tesla-mileage.netlify.app/

21) Road Trip Map (MERN stack).

Road Trip Map

It's Live 🎉 Visit here ==> https://road-trip-map.netlify.app/

22) Live Statistics (react,redux,chartjs,react-chartsjs-2).

Covid-19 live statistics

It's Live 🎉 Visit here ==>https://covid-statistics-react.netlify.app/

23) Online Survey Creator (react,hooks,surveyjs,survey-react).

Online Survey Creator

It's Live 🎉 Visit here ==> https://survey-creator.netlify.app/

24) Discord Clone Project (MongoDb,react,hooks,Expressjs,redux).

Discord Clone Project

It's Live 🎉 Visit here ==> https://discord-clone-mern.netlify.app/

25) Projects Case Study / explore and Take Note(MERN stack app).

Projects Case Study / explore and Take Note

It's Live 🎉 Visit here ==> https://project-explore-mern.netlify.app/

26) Projects Progress Tracker(MERN stack app).

Projects Progress Tracker(MERN stack app).

It's Live 🎉 Visit here ==> https://project-tracker-mern.netlify.app/

27) Goal Manager Project(MERN stack app).

Goal Manager Project(MERN stack app).

It's Live 🎉 Visit here ==> https://goal-manager-mern.netlify.app/

28) Ecommerce react web store.

Ecommerce react web store.

It's Live 🎉 Visit here ==> https://online-pasal.netlify.app/

29) Musedify music player app.

Musedify music player app.

It's Live 🎉 Visit here ==> https://musedify.netlify.app/

30) Product Hunt Project.

Product Hunt Project.

It's Live 🎉 Visit here ==> https://merchandisehunt.pages.dev/

MongoDB-React-Express-Node-Fullstack-TechBlogsite

(W.I.P) * 🛠 Fullstack Blogsite built using React/Nextjs as a frontend , express js (backend framework) and MongoDB as a database.Also, implemented various features like form validation ,user authentication(signup and login functionalities) ,separate user profiles, reset password, forgot password and much more.

SupabaseEcommerce

Supabase Ecommerce

MERN-awesome-blog

python-AIBooks

Find all the book s related to Python , Artificial Intelligence , Machine Learning ,Deep Learning and Data Science.(python materials =>Python-libraries-you-arent-using-but-should,Wikki books Python Tutorial,AutoMate Booring Stuff with Python,Functional Programming in Python,Google python guide,Building skills with PythonCracking codes with Python Build-app-with-python-antitextbook Biopython AutoMate Booring Stuff with Python

fullstack-react-timeline

Timeline of Full-on full stack front end and a bit of back end web development challenge. Challenging every day to learn new stuffs about react & its in-depth features and also to explore the taste of various stacks.

rangichangi-chamkilo-vscode-theme

Dark and awesome vscode theme for your need. To begin with, install the base theme from the VS Marketplace. This is the way the RangiChangi Chamkilo theme is intended to be used day-to-day. Just Tap Install and you are ready to go.

react-music-player-app

MERN-saas-project

road-trip-mapper-mern-app

MERN-awesome-crud

LocationMapping-Wishlist-WebApp

An awesome and very simple web app. It includes features like a leaflet.js map layout and provides the fully-fledged ability for any user to use it. A leaflet js is a javascript library for creating an interactive maps.

Template-grabber-Node-CLI

medusa-reactjs-demo

ShareDevResource

Ultimate developer learning resource sharing web application built using react and firebase and styled using tailwind css.This web app is especially for developers who are learning, struggling, and hustling

project-case-study-mern-app

atomic-design-pattern-ui-library-docz

typesense-medusa-headless-intgeration

Musedify

Slick and elegant music player which follows the design of the real Spotify app. It is built using React js and implemented hooks & context.To actually make it playable "The Web audio API" is implemented.

React-three-fiber-isomorphic-earth

Isomorphic earth using three.js and react-three-fiber.Gltf 3D file was used to create the geometry and material for the sphere. To edit gltf file GLTFLoader was used from three.js and the useLoader() hook from react-three-fiber. Also, for the rotation of the planet useFrame() hooks was used.

MerchandiseHunt

Merch Hunt web application consists of main product feed, a product page with upvoting and commenting, a trending page that sorts products by upvotes, a search page for searching products by text, and a comprehensive authentication system to authenticate users.

SmoothNeuronChatApp

A very simple chat application to chat with random strangers,accessible by anyone, accessible anywhere in the world. In this app we just chat with each other, simply just sign up with username and password and you are good to go. No advertisements, no fancy stuffs, Just a messaging app with stranger or you can chat with your friend by connecting with their username in real time.This app is made for fun and its completely free, No advertisements, No In-app payments just Enjoy it !! Cheers !!.

UltraQuickPythonRefresher

Short sweet and quick new Python tutorial which explains the essential topics one needs to learn to move forward in Python's learning journey.

MongoDB-and-NextJS-Hotel-Reservation-App

Hotel reservation application built using Nextjs and integrating it with Mongo DataBase and also utilizing the sample data provided by mongodb

Java-practice-with-solution

Programming Projects:

medusa-digital-ocean

MERN-Blog-with-Typesense-and-chatwoot-integration

Draggable-moodboard-react

upload-image-Database-php-

Upload image in database using PHP .Giving file path and storing that image inside a specific folder rather than uploading whole image in database.

Fullstack-WebDevelopment-Challenge

Full on full stack front end and back end web development challenge.Challenging everyday to learn new technology and trying to implement it by building new and awesome stuffs.

Chat-With-World-WebApp

An awesome and very simple web app.It includes a features like a simple flexbox layout, and provides the fully fledged ability for any user to add and remove their vision,ideas and poems from a Firebase database.

CourseraMusicalTrackDatabase

Coursera Musical Track Database. This application will read an iTunes export file in XML and produce a properly. normalized database with this structure

RottenAvocado

Ultimate blog searching application built using react as a frontend, redux (for managing state), and react-google-login for authenticating the user and extracting all the blog posts from gnews.io API.

Ecommerce-merch-details-search-chrome-extension

Simple and awesome chrome extension to search the merchandise directly form your favorite nepali ecommerce platform just by single click of a button. It is created using vanilla javascript.

Searchhubify-Visualizing-GithubUsers-Info-WebApp

A very simple web app to visualize the profile of GitHub users.(Git commits , language used, activity status and much more). Currently For now unauthenticated requests, the rate limit allows for up to 60 requests per hour. Unauthenticated requests are associated with the originating IP address, and not the user making the requests.

DevelopingMobileApplication-AllLabExercise

DevelopingMobileApplication All Lab Exercises and assignments AndroidLifecycle Log Timer BasketBallCounter HelloAndroidWorld HelloConstraint HelloToastActivityIntent HelloToastChallenge ImplicitIntents and ImplicitIntents Receiver Menus&Pickers NerveAttack OnSaveInstanceStateOncreate PramitDMAToastCount PramitQuizApplication QuizApplicationScoreDisplay RecyclerView ToastCountResetConstraint TwoActivities ViewModelScoreCounter lifecyclecallbacksTwoActivities

DS-algo-and-leetcode-in-javascript

𓀀 𓀁 𓀂 𓀃 𓀄 𓀅 𓀆 𓀇 𓀈 𓀉 𓀊 𓀋 𓀌 𓀍 𓀎 𓀏 𓀐 𓀑 𓀒 𓀓 𓀔 𓀕 𓀖 𓀗 𓀘 𓀙 𓀚 𓀛 𓀜 𓀝 Data Structure is about organizing and managing data effectively such that we can perform specific operation efficiently while Algorithm is a step-by-step procedure to be followed to reach the desired output.

Realtime-weather-widget-WebApp

Cozy weather app widget created with the help of react and Climacell Weather API. Grab it download it , play with it , insert your own API key & lat/lon. Also, you can Embed this whole weather widget webApp in your personal website using the <iframe> tag (Check Detailed documentation @ Readme )

MERN-production-ready-authentication

Login and register authenticaton and authorization using MERN stack.It includes hashing password and stroing them in secure place. and generating JWT token and storing it in the frontend and it also includes password reset feature by sending emails using nodemailer and sendgrid.

Apple-WWDC21-landing-page-clone-using-react

A simple clone of the apple WWDC 2021 website using reactjs. Apple Worldwide Developers Conference is a conference held annually by Apple Inc. All the copyright of logos, images, and videos goes to apple.

RapidQuizzApp

This is a quiz app that generates questions as per selected difficulty level. It is a python quiz app. The user has to answer the quiz related to python programming language . The result is finally displayed depending upon the number of questions answered correctly by the user .