Skip to content

enesakkose/rm-task

Repository files navigation

Rast Mobile Task

Overview

The project is created with React.js and its main objective is to allow users to easily add their social media accounts to a data grid table.

What I learned

  • I have dealt with more detailed usage examples of the sort method.
  • I learned how to make pagination.
  • I learned how to use the react context api more efficiently.
  • I took care to make all structures by separating them into components. This made the application easier to maintain.
  • The grid system in CSS was used to style the table easily, making the styling process more straightforward and efficient.
  • The application was made without using any datagrid library, in this way, more benefit from the React library.
  • Formik and Yup packages were used for the construction and validation of the forms.
  • TypeScript has been used in this project to enhance type safety and ensure better code integrity.

To use locally

Cloning the repository the local machine.

git clone https://github.com/enesakkose/rm-task.git

Installing the dependencies.

yarn add

OR

yarn

Running the application.

Then, run the application in the command line and it will be available at http://localhost:5173/.

yarn dev

Styling

This project uses SASS and css-modules.

CSS-MODULES

CSS Module provides use the same class names in multiple files with gives unique name. Every class name is scoped locally to the specific component in which it is being imported.

https://github.com/css-modules/css-modules

SASS

SASS (Syntactically Awesome Style Sheets) is a pre-processor scripting language that will be compiled or interpreted into CSS. The SCSS syntax (.scss) is used most commonly.

https://sass-lang.com

Packages

Releases

No releases published

Packages

No packages published

Languages