Skip to content
/ React-UI Public

An attempt to make a web app using ReactJS and Firebase

Notifications You must be signed in to change notification settings

rpkc/React-UI

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

54 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Calculon

Currently working on UI

* File arrangements 👇 👇 👇 👇 👇 👇

src
│   App.js  
│   App.test.js 
│   index.css 
│   index.js 
│   reportWebVitals.js 
│   setupTests.js 
│
├───Data
│       Data.js -------------------------------- Data for some Dynamic components
|   
├───Image
│       favicon.png ---------------------------- Logo
│
├───Pages
│   │   404.js --------------------------------- Not Found Page
|   |   BasicCalc.js --------------------------- Basic Calculator Page
│   │   Converter.js --------------------------- Converter main page
│   │   NumberSystem.js ------------------------ Number System main page
│   │   Temp.js -------------------------------- Temporary page to display message
|   | 
|   ├───Basic Calc
│   │       Factor.js -------------------------- Factor Page
│   │       HCF.js ----------------------------- HCF page
│   │       LCM.js ----------------------------- LCM page
│   |
|   ├───Converter
│   │       Length.js -------------------------- Length Converter Page
│   │       Temprature.js ---------------------- Temprature Converter Page
│   │
│   └───Number System
│           BaseCalc.js ------------------------ Base Calculator Page
│           BaseConv.js ------------------------ Base Converter Page
│           Calculator.css --------------------- Basic Calculator CSS [For latter use]
│
├───Style
│       Header.css ----------------------------- Style for Header
│       Main.css ------------------------------- Style for Main tag
│       temp.css ------------------------------- Style for some Temporary pages
│       Wrapper.css ---------------------------- Style for Leftmenu.js,RightContainer.js,Wrapper.js
│
└───Util
        Header.js ------------------------------ Header Component
        LeftMenu.js ---------------------------- Left side Menu Component
        RightContainer.js ---------------------- Right side container component 
        Wrapper.js ----------------------------- to wrap up Left side Menu Component and Right side container component