This repo is a collection of projects created by me during taking the #100DaysOfCode challenges
Simple Calculator built with html, css and vanilla javascript. Starting with simple project and with simple logic.
To Do List app built with pure react. An app to add tasks, mark it as complete and finally delete it.
Twitter Dynamic Name Generator. Name updated dynamically with the followers count. Updated for every one minute.
FLAMES - The most popular relationship calculator among youngsters. FLAMES for Friends, Love, Affectionate, Marriage, Enemy and Sisters. Finised UI.
FLAMES - Completed the functionality.
MOCHA Testing - Written test cases using mocha test framework for nodejs.
TAILWIND CSS - Learning tailwind css by watching tutorial @traversymedia
DELETE Operator - Written an article how delete operator can be used and it can be your super saver.
100DaysOfCodes - Integrated firebase authentication using nextjs.
rams.codes - Build a blog using gatsby and deployed in netlify. Blog link https://rams.codes/
NEXTJS - Learned Basics, navigations and link
NEXTJS - Learned about Assets, Metadata and Css, Pre-rendering and Data Fetching and Dynamic routes
NEXTJS - Completed the starter learning and deployed the blog in the vercel. Blog link https://rams-codes.vercel.app/
FIREBASE - Completed the firebase codelab and build the chat application. Deployed in https://friendlychat-413ba.web.app/
FIREBASE - Learned about the firebase cloud functions and firestore events. Same worked in the friendly chat. Deployed in https://friendlychat-413ba.web.app/
FREECODECAMP - Brushed up the concept - redux in freecodecamp.
FREECODECAMP - Brushed up the concept - react redux app in freecodecamp.
FREECODECAMP - Brushed up the concept - mongodb and mongoose.
FREECODECAMP - Brushed up the concept - Regex Expression
FREECODECAMP - Brushed up the debugging skills.
FREECODECAMP - Created a tribute page for Stephen Hawking
FREECODECAMP - Built a survey form - project 2 in Responsive web design
FREECODECAMP - Built a product landing page - project 3 in Responsive web design
FREECODECAMP - Built a technical documentation - project 4 in Responsive web design
FREECODECAMP - Built a personal portfolio - project 5 in Responsive web design
FREECODECAMP - Brushed up the concept Functional programming in javascript
FREECODECAMP - Solved Intermediate Algorithm Scripting problems in javascript
FREECODECAMP - Solved Javascript Algorithms and Data structures projects
FREECODCAMP - Learned Sass Concept
FREECODECAMP - Brushed up the JSON APIs and Ajax
FREECODECAMP - Built a random quote machine - project 1 in Front End Libraries project
FREECODECAMP - Built a Markdown Previewer - Project 2 in Front End Libraries
CHROME EXTENSION - Built a chrome extension to download youtube mp3 mp4 format
CHROME EXTENSION - To create sketch doodles on any web pages
FREECODECAMP - Data visualisation with d3 js
FREECODECAMP - Built a Drum Machine - Project 3 in Front End Libraries
FREECODECAMP - Built a Javascript Calculator - Project 4 in Front End Libraries
FREECODECAMP - Built 25 + 5 Clock - Project 5 in Front End Libraries
CHROME EXTENSION - Create wikipedia search on new tab
EGGHEAD.IO - Completed the React course - The Beginner's Guide to React by Kent C.Dodds
CODEPEN - Created typing game to learn typing on the go. Codepen link - https://codepen.io/ramyachinnadurai/full/MWyxXyp
CODEPEN - Continued with typing game - with UI to calculate errors and accuracy
CODEPEN - Continued with typing game - added feature errors and accuracy
CODEPEN - Finished typing game - added feature wpm, cpm and restart game.
CODEPEN - Built todo app using hooks by watching tutorial from traversy media - https://codepen.io/ramyachinnadurai/pen/ZEWNjXx
CODESANDBOX - Built expense tracker app using react hooks and context api by watching traversy media tutorial https://codesandbox.io/s/fervent-bohr-zjw80
HACKTOBERFEST - Raised first PR for tabliss
REACT WITH FIREBASE - Build app by following blog post
CODEPEN - Created stepper component animation
BLOG READING - Build React Redux Hacker News by robinwieruch
BLOG READING - Learned to build animated sparkels by joshwcomeau
SIDE PROJECT - Worked on side project, Habit tracker
EXPLORATION - Explored storybook.js. Created ui components and played with creating util components.
EXPLORATION - Twitter winner picker algorithm and confetti.js
PLAYED - Generator functions and redux sagas
EXPLORED - Testing with jest in js
EXPLORED - To write test in react using jest and testing-library.
LEARNED - To write End to End testing in todo app Using Cypress
FREECODECAMP - Completed Visualize with bar chart project
FREECODECAMP - Completed Visualize Data with a Scatterplot Graph
EXPLORATION - Worked on side project.
FREECODECAMP - Visualize Data with a Heat Map
FREECODECAMP - Visualize Data with a Choropleth Map
FREECODECAMP - Visualize Data with a Treemap Diagram
FREECODECAMP - APIs and Microservices Projects - Timestamp Microservice
FREECODECAMP - APIs and Microservices Projects - Request Header Parser Microservice
FREECODECAMP - APIs and Microservices Projects - URL Shortener Microservice
FREECODECAMP - APIs and Microservices Projects - Exercise Tracker
FREECODECAMP - APIs and Microservices Projects - File Metadata Microservice
FREECODECAMP - Quality Assurance and Testing with Chai
FREECODECAMP - Advanced Node and Express - pug.js and passport.js
FREECODECAMP - Advanced Node and Express - Connected to MongoAtlas and serialised in passport js
FREECODECAMP - Advanced Node and Express - Authentication Strategies and Hashing the Passwords
FREECODECAMP - Completed Advanced Node and Express
FREECODECAMP - Working on Project 1 in Quality Assurance Projects - Metric Imperial Converter
FREECODECAMP - Continued with Metric Imperial Converter
FREECODECAMP - Project 2 in Quality Assurance Projects - Issue Tracker
FREECODECAMP - Project 3 in Quality Assurance Projects - Personal Library
FREECODECAMP - Project 4 in Quality Assurance Projects - Sudoku Solver
FREECODECAMP - Project 5 in Quality Assurance Projects - American British Translator
UDEMY COURSE - React - The Complete Guide (incl Hooks, React Router, Redux in Udemy. - Completed section 1 & continued section 2
UDEMY COURSE - React - The Complete Guide (incl Hooks, React Router, Redux in Udemy. - Continued section Next Generation features ( section 2 )
UDEMY COURSE - React - The Complete Guide (incl Hooks, React Router, Redux in Udemy. - Continued section Base features and syntax ( section 3 )
UDEMY COURSE - React - The Complete Guide (incl Hooks, React Router, Redux in Udemy. - Completed sections Base features and syntax, Lists and conditions, Styling React components and elements ( section 3, 4 and 5 )
UDEMY COURSE - React - The Complete Guide (incl Hooks, React Router, Redux in Udemy. - Completed sections Debugging React Apps and continue section Diving deeper into components and react internals ( Section 6 and 7 )
UDEMY COURSE - React - The Complete Guide (incl Hooks, React Router, Redux in Udemy. - Continued section 7.
UDEMY COURSE - React - The Complete Guide (incl Hooks, React Router, Redux in Udemy. - Completed section 7.
UDEMY COURSE - React - The Complete Guide (incl Hooks, React Router, Redux in Udemy. - Continued section 8.
UDEMY COURSE - React - The Complete Guide (incl Hooks, React Router, Redux in Udemy. - Completed section 8.
UDEMY COURSE - React - The Complete Guide (incl Hooks, React Router, Redux in Udemy. - Completed section 9.
UDEMY COURSE - React - The Complete Guide (incl Hooks, React Router, Redux in Udemy. - Completed section 10.
UDEMY COURSE - React - The Complete Guide (incl Hooks, React Router, Redux in Udemy. - Completed section 11.
UDEMY COURSE - React - The Complete Guide (incl Hooks, React Router, Redux in Udemy. - Completed section 12 & 13.
UDEMY COURSE - React - The Complete Guide (incl Hooks, React Router, Redux in Udemy. - Completed section 14 & 15.
UDEMY COURSE - React - The Complete Guide (incl Hooks, React Router, Redux in Udemy. - Completed section 16 & 17.
UDEMY COURSE - React - The Complete Guide (incl Hooks, React Router, Redux in Udemy. - Completed section 18 & 19.
UDEMY COURSE - React - The Complete Guide (incl Hooks, React Router, Redux in Udemy. - Completed section 20.
UDEMY COURSE - React - The Complete Guide (incl Hooks, React Router, Redux in Udemy. - Completed section 21 to 24.
UDEMY COURSE - React - The Complete Guide (incl Hooks, React Router, Redux in Udemy. - Completed section 25 and 26.
UDEMY COURSE - Completed React - The Complete Guide (incl Hooks, React Router, Redux in Udemy.