Code Monkey home page Code Monkey logo

rimessa's Introduction

Hi there 👋, I'm Madhurima

Typing SVG



dash

💁‍♀️ About Me

I am a skilled MERN stack web developer, passionate about programming application logic and with an intuition for both system and UI design. I embrace challenges and divergent ideas. I pride myself in writing elegant, reusable and well organized code and constantly optimize them. I have 2500+ hours of coding experience, and have built various projects. I have worked in a startup and have contributed tremendously by creating complex and robust features in both frontend and backend.

I have a love for creation, and watching my ideas manifest into being is a bliss. I have always been very curious about human brain, hence Neural Networks really tickle my fancy, and I aspire to master it. Hopefully, someday I'll be able to bring my expertise in programming to the field of brain science.


🗣️ Languages


Python  CSS  HTML  JavaScript  TypeScript  Java  C  SQL  JSX 

🧮 Frameworks & Libraries


ReactJS  ChakraUI  NextJS  Redux  ExpressJS  Mongoose  SocketIO  NPM  Numpy  Pandas  OpenCV   Tensorflow   MaterialUI  Bootstrap  Sass 

🛠️ Tools


VSCode  NodeJS  Anaconda  Jupyter  Github  MongoDB  Jest  Cypress  Storybook  ESLint  Figma  Canva  Kaggle  Codepen  Atom  PostgreSQL 

🔥My Github Stats🔥

GitHub Streak GitHub stats
Top Langs

rimessa's People

Contributors

rimraider639 avatar

Stargazers

avatar avatar

Watchers

avatar

rimessa's Issues

theme

  • light
  • dark
  • colors
  • typography
  • screen sizes (modify components, fonts)

Navbar

  • top
  • middle (logo, cart)
  • bottom (sticky)
  • dropdowns
  • searchbar
  • cart (with item count)
  • theme toggler (my addition)
  • indicate isAuth
  • notifying section (sticky)

responsive:

  • hamburger icon
  • font resize
  • sticky part modification

optional:

  • my account dropdown
  • cart dropdown

product details page

  • display images (carousal)
  • bread crumbs
  • details
  • select size
  • accordions
  • add to cart
  • add to Wishlist

responsive:

  • flex - column
  • preview mini images not shown

optional:

  • foot description
  • you might also like (carousal)

cart page

  • fetch and display cart items
  • add to wishlist
  • remove item
  • quantity
  • subtotal
  • grand total
  • coupon
  • proceed to checkout
  • continue shopping (redirect)
  • loader on updating qtd

optional:

  • foot contact section

sorting & filtering

  • useParams
  • useSearchParams

sorting:

  • getting sorted data and displaying
  • default
  • price (lh, hl)
  • new items

filtering:

  • getting filtered data and displaying
  • getting all categories, designers, size, etc.
  • displaying labels
  • checkboxes

optional

  • checkout page
  • designers page (sort by alphabet, filter)
  • scroll to top sticky button
  • contact details popup, sticky button
  • responsiveness

Setup

  • Getting the data
  • Logo
  • Name for website
  • deploying server
  • setting up react app, adding all dependencies

admin panel

  • view, add, remove, edit products
  • view, remove user
  • track/resolve orders

optional:

  • add category
  • customer feedback

footer

  • top (buttons)
  • middle (links, input-signup for newsletter)
  • bottom (payment methods)
  • links & copyright section

responsive:

  • section flex- column
  • link categories turn into accordion

wishlist

  • fetch all items
  • display items
  • remove items
  • number of items

optional:

  • animation
  • filter

pagination

  • display 5 buttons at a time
  • prev, next (hidden when disabled)
  • first, last (hidden when disabled)

searchbar

  • debouncing
  • showing results in pop up (real time input) - incomplete data
  • search button (appends data in dom container rather than popup)

Products page

  • sorting
  • filtering
  • fetch all data
  • display all data
  • pagination
  • show total items count
  • bread crumbs

responsive:

  • grid: 2 col per row
  • side vertical bar for filters collapses

optional:

  • hover behavior
  • sizes popup
  • add to Wishlist
  • add to cart

login signup page

  • form
  • indicate processing request on submission

signup:

  • validation of data type/format
  • add user in server

login:

  • post auth data/validate
  • login-redirect/display error

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.