Randeep Sarma’s Post

Hello connections, I have made an Ecommerce Dashboard using ReactJS in frontend and Laravel and MySQL at the backend. Here is my repo : https://lnkd.in/d9uSRKAw Features : 1) User registration 2) User login 3) Add new product 4) All products view 5) Search functionality using the name of the product 6) Update product information Frontend tools: 1) ReactJS -> Custom Hooks: to reuse repetitive state variables -> useEffect Hooks: for API requests and calling functions -> useState Hooks: to store and update values 2) Local storage: -> to store user information and token after login for access within the website 3) ReduxJS toolkit -> accessing user information and token using global state variables and changing them using reducers -> storing tokens in local storage , once token expires , useEffect hooks runs directing user to login page 4) TailwindCss -> Designing the pages -> Setting custom breakpoints in tailwind.config.js file to make pages responsive 5) React Icons : for icons Backend tools: 1) Laravel : -> to make various types of API requests like GET,POST,PUT,DELETE -> make controllers -> make models -> making use of migrations to create tables -> storing images -> generate tokens for authentication -> validating data sent from frontend using validators in present in Laravel and improving security of API requests using them -> making use of command line to do some of above operations 2) MySQL -> database query language #reactjs #laravel #mernstack #mernstackdeveloper #php #fullstackdeveloper #javascript #mysql #reduxtoolkit #redux

Hello connection ,I have made a simple data entry app using Kotlin in the Frontend ,Nodejs as Backend and Psql for Database .For hosting my database I have used supabase . Here is a link to my repo : https://lnkd.in/ddmUE93m #android #native #nodejs

Hello connections, I have tried making a Social Media Web App as a project for over 5 months. Here is a link to my project : https://lnkd.in/dYqqAq59 Here is a link to my repo: https://lnkd.in/dDybiEwF Frontend tools: 1)ReduxJS toolkit : to manage global state 2)Redux Persist: to store and retrieve data from local storage 3)React-router-dom: to make routes to various pages 4)SASS, Material-UI , CSS,TaiwindCSS : to design my pages 5)React-icons and Material Icons: for icons 6)Firebase : to store and retrieve data from the cloud 7)React-Dropzone : to select images from device and preview them before upload 8)Pusher JS: to send-receive live messages , maintain message count , see live posts Backend tools: 1)JSON web token : authenticate users 2)Bcrypt : to encrypt password 3)Pusher : to receive messages from frontend and send them back to the required user 4)Body-parser : to parse json data 5)Helmet: secure my Express app by setting various HTTP headers. 6)Morgan : to log special data like url ,type of request Additional features added: 1)Change user info and profile image 2)Light mode and dark mode 3)Add and remove friend 4)Make and delete a comment on a post 5)Like and unlike a post Challenges faced : 1)At first I was using Socket-Io for receiving and updating live messages and display user online status(which I have not added until now) .The messages on the receiver side would get displayed twice ,hence I had to drop it. Rather ,I opted for Pusher API. 2)I was using Cloudinary to upload and delete images from the cloud but it would not function accordingly when I hosted my website .So I made the switch to Firebase for cloud storage. Caution : Sometimes, there might be a lag in accessing my website as it is hosted on free hosting services. Kindly contact me if you face any problem #react #reactjs #firebase #webdevelopment #webdeveloper #softwaredevelopment #softwareengineer #project #linkedin