Initial code setup

Author: bogas04

.eslintrc.js

@@ -0,0 +1,26 @@
+module.exports = {
+  env: {
+    browser: true,
+    commonjs: true,
+    es6: true,
+    node: true,
+  },
+  extends: 'eslint:recommended',
+  parser: 'babel-eslint',
+  parserOptions: {
+    sourceType: 'module',
+    ecmaVersion: 2018,
+    ecmaFeatures: {
+      jsx: true,
+    },
+  },
+  plugins: ['react'],
+  rules: {
+    indent: ['error', 2],
+    'linebreak-style': ['error', 'unix'],
+    quotes: ['error', 'single', { allowTemplateLiterals: true }],
+    semi: ['error', 'always'],
+    'react/jsx-uses-vars': 1,
+    'react/jsx-uses-react': 1,
+  },
+};

.gitignore

@@ -0,0 +1,2 @@
+node_modules
+.next

README.md

@@ -1,21 +1,54 @@
 # Upay
+
 [![All Contributors](https://img.shields.io/badge/all_contributors-1-orange.svg?style=flat-square)](#contributors)
 
-Description: The foundation of development for every society is the education of its youth. Keeping this in mind, an NGO UPAY (Underprivileged Advancement by Youth), was established in May 2010 by a group of young engineers from IITs and NITs. It mainly aims to provide opportunities to underprivileged children and bring some sunshine in those deprived lives. Ever since it's dawn, UPAY Team has been working wholeheartedly in achieving this aim. Its success story can be culminated by the mere fact that where children were unable to do basic arithmetic calculations are now, not just producing excellent academic results but also bringing laurels to these underprivileged areas. The main vision of UPAY is overcome disparities in education so that every child gets an opportunity to Learn, Grow and Succeed.
+The foundation of development for every society is the education of its youth. Keeping this in mind, an NGO UPAY (Underprivileged Advancement by Youth), was established in May 2010 by a group of young engineers from IITs and NITs. It mainly aims to provide opportunities to underprivileged children and bring some sunshine in those deprived lives.
+
+Ever since it's dawn, UPAY Team has been working wholeheartedly in achieving this aim. Its success story can be culminated by the mere fact that where children were unable to do basic arithmetic calculations are now, not just producing excellent academic results but also bringing laurels to these underprivileged areas. The main vision of UPAY is overcome disparities in education so that every child gets an opportunity to Learn, Grow and Succeed.
 
-Tech Stack: Node.js, Javascript, Html, css, Django, Python, Android, Core Java, Angular, React
+Tech Stack: [Next.js](https://nextjs.org/) (NodeJS, ReactJS), ExpressJS server.
 
 Admin: Shagufta Gurmukhdas
-Mentors: Nupur Baghel , Sambhav Jain, Divjot Singh, Gaurav Sitlani,Bhavin Jawade
+Mentors: Nupur Baghel, Sambhav Jain, Divjot Singh, Gaurav Sitlani, Bhavin Jawade
+
+## Building
+
+Make sure you've NodeJS 8 and NPM 5.7 or above.
+
+```bash
+# install dependencies using npm
+npm ci
+
+# start project in development mode
+npm run dev
+
+# build project
+npm run build
+
+# start project in production mode (after build)
+npm start
+
+# test project
+npm run test
+```
+
+## Contribution
+
+- Use `npx all-contributors-cli add <your-github-handle> <code|docs|...>` to add yourself in the Contributor list below. The project follows [all-contributors](https://github.com/kentcdodds/all-contributors) format.
+- [VSCode](https://code.visualstudio.com/) is recommended as the editor for this project.
+- Please install [prettier](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode), [eslint](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint), [jest](https://marketplace.visualstudio.com/items?itemName=Orta.vscode-jest) [plugins](https://marketplace.visualstudio.com/) for VSCode for improved developer experience.
+- Please follow [JSDoc](http://usejsdoc.org/) for your submitted code. Use [DocumentThis](https://marketplace.visualstudio.com/items?itemName=joelday.docthis) plugin if required.
+- Write tests for complicated components and modules.
 
 ## Contributors
 
 Thanks goes to these wonderful people ([emoji key](https://github.com/kentcdodds/all-contributors#emoji-key)):
 
 <!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->
 <!-- prettier-ignore -->
-| [<img src="https://avatars3.githubusercontent.com/u/6177621?v=4" width="100px;"/><br /><sub><b>Divjot Singh</b></sub>](http://bogas04.github.io)<br />[💻](https://github.com/Shagufta Gurmukhdas/Upay/commits?author=bogas04 "Code") |
+| [<img src="https://avatars3.githubusercontent.com/u/6177621?v=4" width="100px;"/><br /><sub><b>Divjot Singh</b></sub>](http://bogas04.github.io)<br />[💻](https://github.com/GirlScriptSummerOfCode/Upay/commits?author=bogas04 "Code") |
 | :---: |
+
 <!-- ALL-CONTRIBUTORS-LIST:END -->
 
-This project follows the [all-contributors](https://github.com/kentcdodds/all-contributors) specification. Contributions of any kind welcome!
+This project follows the [all-contributors](https://github.com/kentcdodds/all-contributors) specification. Contributions of any kind welcome!

components/Item/Item.js

@@ -0,0 +1,18 @@
+import React from 'react';
+
+const Item = ({ id, name }) => (
+  <React.Fragment>
+    <style jsx>{`
+      li {
+        border: 1px solid grey;
+        border-radius: 5px;
+        padding: 10px;
+        margin: 10px;
+        max-width: 500px;
+      }
+    `}</style>
+    <li>{name}</li>
+  </React.Fragment>
+);
+
+export default Item;

components/Item/__tests__/Item.test.js

@@ -0,0 +1,12 @@
+/* globals describe, it, expect */
+import React from 'react';
+import { mount } from 'enzyme';
+import Item from '../Item';
+
+describe('<Item />', () => {
+  it('renders correctly', () => {
+    const wrapper = mount(<Item name="Item one" id="123" />);
+
+    expect(wrapper).toMatchSnapshot();
+  });
+});

components/Item/__tests__/__snapshots__/Item.test.js.snap

@@ -0,0 +1,18 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`<Item /> renders correctly 1`] = `
+<Item
+  id="123"
+  name="Item one"
+>
+  <JSXStyle
+    css="li.jsx-4170437294{border:1px solid grey;border-radius:5px;padding:10px;margin:10px;max-width:500px;}"
+    styleId="4170437294"
+  />
+  <li
+    className="jsx-4170437294"
+  >
+    Item one
+  </li>
+</Item>
+`;

components/Item/index.js

@@ -0,0 +1 @@
+export { default } from './Item';

jest.setup.js

@@ -0,0 +1,4 @@
+import { configure } from 'enzyme';
+import Adapter from 'enzyme-adapter-react-16';
+
+configure({ adapter: new Adapter() });