Create OSF website LWU

wiki/modules/HTML-CSS.md

@@ -0,0 +1,57 @@
+# HTML and CSS LWU
+
+This is a LWU module and is not specific to any project.
+
+### Prerequisites
+
+- An editor
+  - [Visual Studio Code](https://code.visualstudio.com/) (recommended)
+  - [Webstorm](https://www.jetbrains.com/webstorm/)
+  - [Neovim](https://neovim.io/)
+  - [Emacs](https://www.gnu.org/software/emacs/)
+  - etc
+- A web browser
+  - Consider using web browsers that use different engines like
+    - Chrome (and other browsers that are Chromium based) + Firefox
+    - Safari + Chrome + Firefox for MacOS
+  - A development or nightly version of the browser can be used for extra features
+
+### Roadmap
+
+You are expected to complete the following
+
+- Articles
+  - [A fun, interactive and concise course on HTML and CSS](https://www.internetingishard.com/html-and-css/)
+
+    Or
+
+  - MDN web tutorials for [HTML](https://developer.mozilla.org/en-US/docs/Learn/HTML) and [CSS](https://developer.mozilla.org/en-US/docs/Learn/CSS)
+
+    Or
+
+  - [Tutorials from Google Chrome DevRel a.k.a web.dev](https://web.dev/learn/)
+
+### End assessment
+
+- Do the given assignment - [Odin Project assignment](https://www.theodinproject.com/lessons/node-path-intermediate-html-and-css-sign-up-form)
+- Add an image of your choice in the folder as well.
+- Upload the results on [CodePen](https://codepen.io/) or any other such site and send the links on the Discord LWU forum post
+
+---
+
+### Documentation ( For Reference )
+
+- [MDN web docs](https://developer.mozilla.org/en-US/)
+- [HTML specification](https://html.spec.whatwg.org/multipage/)
+- [CSS specification](https://www.w3.org/Style/CSS/specs.en.html)
+
+### Cheatsheets
+
+- [HTML cheatsheet](https://www.hostinger.com/tutorials/html-cheat-sheet)
+- [CSS cheatsheet](https://www.hostinger.com/tutorials/css-cheat-sheet)
+
+### Extra Reading
+
+- [Information about web accessibility](https://a11y-style-guide.com/style-guide/section-resources.html)
+- [CSS Tricks articles](https://css-tricks.com/)
+- [Web security info](https://cheatsheetseries.owasp.org/index.html)

wiki/modules/JS-TS.md

@@ -0,0 +1,43 @@
+# JS and TS LWU
+
+This is a LWU module and is not specific to any project.
+
+### Prerequisites
+
+- An editor
+  - [Visual Studio Code](https://code.visualstudio.com/) (recommended)
+  - [Webstorm](https://www.jetbrains.com/webstorm/)
+  - [Neovim](https://neovim.io/)
+  - [Emacs](https://www.gnu.org/software/emacs/)
+  - etc
+
+### Roadmap
+
+You are expected to complete the following
+
+- JS
+  - [JavaScript.info](https://javascript.info/)
+
+    Or
+
+  - MDN web tutorials for [JS](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Introduction)
+  - If you prefer books, [Eloquent JS](http://eloquentjavascript.net/)
+- TS
+  - [TypeScript handbook](https://www.typescriptlang.org/docs/handbook/intro.html)
+
+### End assessment
+
+- Complete the given assignment - [Odin Project Assignment](https://www.theodinproject.com/lessons/node-path-javascript-todo-list)
+- Upload the results on [CodePen](https://codepen.io/) or any other such site and send the links on the Discord LWU forum post
+
+---
+
+### Documentation ( For Reference )
+
+- [MDN web docs](https://developer.mozilla.org/en-US/docs/Web/JavaScript)
+- [JS specification](https://www.ecma-international.org/publications-and-standards/standards/ecma-262/)
+- [TS docs](https://www.typescriptlang.org/docs/)
+
+### Cheatsheets
+
+- [Sort of a cheatsheet](https://learnxinyminutes.com/docs/javascript/)

wiki/modules/React.md

@@ -0,0 +1,20 @@
+# React LWU
+
+This is a LWU module and is not specific to any project.
+
+### Prerequisites
+
+- HTML-CSS LWU
+- JS-TS LWU
+
+### Roadmap
+
+You are expected to complete the following
+
+- [React Beta docs](https://beta.reactjs.org/learn)
+
+---
+
+### Documentation ( For Reference )
+
+- [React Beta API reference](https://beta.reactjs.org/reference/react)

wiki/projects/OSF-Website.md

@@ -0,0 +1,34 @@
+# OSF Website LWU
+
+This LWU will get you up and ready to contribute to the OSF website.
+As the project consists of the frontend, backend and a bit of devops, you can choose any/all of the three.
+
+### Prerequisites
+
+- Frontend
+  - HTML-CSS LWU
+  - JS-TS LWU
+  - React LWU
+- Backend
+  - JS-TS LWU
+- DevOps
+  - Nothing
+
+### Roadmap
+
+- Frontend
+  - [Next.JS](https://nextjs.org/learn/foundations/about-nextjs?utm_source=next-site&utm_medium=homepage-cta&utm_campaign=next-website)
+  - [TailwindCSS](https://tailwindcss.com/docs/installation)
+- Backend
+  - [MongoDB](https://learn.mongodb.com/learn/learning-path/introduction-to-mongodb)
+  - [About headless CMS](https://www.contentful.com/r/knowledgebase/what-is-headless-cms/)
+  - [About PayloadCMS](https://payloadcms.com/docs/getting-started/what-is-payload)
+- DevOps
+  - [Docker](https://docs.docker.com/get-started/)
+
+### End assessment
+
+- Work on any issue present on the repository
+- Please read the WEBSITE_CONFIG.md document and CMS_CONFIG.md (for backend) to setup the website locally
+
+---